Navy Pier color palette — #D2E3FF · #003691 · #482D00 · #1D2202 · #00010A

A conversation between Indigo and Espresso, giving this palette its sense of nature and growth.

The five colors

• Frost (#D2E3FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Indigo (#003691): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#482D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1D2202): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#00010A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Depth. Tagged dark, 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

• Obsidian Quarry color palette (#E8E5FF, #4800A1, #393500, #04270E, #02000C)
• Moonless Garnet color palette (#D2E7F4, #004562, #5F1500, #381C00, #000204)
• Shadow Aubergine color palette (#D7E9FF, #003B72, #4F005F, #002926, #000104)
• Aubergine Terrace color palette (#D9ECFF, #005B99, #730698, #004840, #000206)
• Tempered Pewter Orchard color palette (#DFEEFF, #928BC0, #95567F, #003E4F, #07082C)
• Velvet Navy color palette (#DDE7FF, #4257BB, #150488, #170317, #02002A)
• Pale Grape Balcony color palette (#EEE6F6, #7A20B5, #465500, #00442D, #1B032D)
• Sunlit Bloom color palette (#D8DFF5, #6157C9, #6F5D00, #2B5321, #1B193E)

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