Navy Pier color palette — #D1E0F5 · #9A7325 · #001571 · #000329 · #020109

Deep Indigo and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D1E0F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ochre (#9A7325): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Indigo (#001571): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#000329): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged luxury, dark.

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

• Midnight Onyx color palette (#D4E0F9, #6D7300, #14015D, #240C1E, #02001C)
• Dusty Bronze color palette (#DEE7F2, #B16429, #00274E, #1E1522, #00091A)
• Navy Chapel color palette (#D7DFEC, #B88A00, #083A9C, #00134B, #00020B)
• Soft Aubergine color palette (#DAE4FF, #74A422, #37109A, #190053, #0D0630)
• Wandering Ultramarine Loft color palette (#ECDBE9, #D79800, #3860C2, #26375E, #070006)
• Aubergine Lantern color palette (#DEDBED, #46A07A, #4F1B58, #28002F, #0C071A)
• Cobalt Bloom color palette (#DBE4EC, #1F7AC4, #692700, #00335B, #0A0100)
• Wandering Aubergine color palette (#DEE0E8, #BAB7C4, #9B85A0, #482697, #1B1E2D)

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