Navy Pier color palette — #FFE6DE · #007272 · #003D75 · #3C0C00 · #000406

Navy and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FFE6DE): A whisper-light, dusty orange — the color of autumn markets.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003D75): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#3C0C00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000406): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Navy Pier into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Washed Courtyard color palette (#EEDAE6, #007651, #004555, #410018, #000504)
• Weathered Nightshade color palette (#E6DED0, #006E88, #331F98, #2B1C00, #00040A)
• Inked Villa color palette (#FEE8DE, #00574A, #00234A, #1C0700, #000405)
• Inked Aubergine color palette (#CBE5EC, #006663, #5B0069, #291500, #040100)
• Softworn Delta color palette (#FDEBD7, #00915D, #006189, #533200, #000504)
• Washed Cobalt color palette (#D6F8F4, #0085BD, #4A4877, #452C02, #1B0E00)
• Tempered Teal color palette (#EBDAE6, #23A6A5, #006375, #003E23, #000B14)
• Ancient Pier color palette (#D4F2DD, #6A7E24, #00551B, #003332, #000805)

Browse the whole catalog at Explore, or see today's palette.