Navy Pier color palette — #DFE6F7 · #688517 · #200A76 · #050027 · #000008

A conversation between Deep Indigo and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Frost (#DFE6F7): A whisper-light, dusty violet — the color of a velvet chair.
• Olive Leaf (#688517): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#200A76): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#050027): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Aubergine Lantern color palette (#DBDDF0, #008F61, #3B0062, #0E001D, #010009)
• Smoked Chapel color palette (#D6E0EF, #A36B00, #001C72, #000423, #000105)
• Antique Moss color palette (#ECD9E9, #59AA20, #213B93, #071347, #070006)
• Chalky Aubergine Veranda color palette (#E2E4FC, #00AF7D, #56008C, #21003B, #020110)
• Aubergine Workshop color palette (#FEE6F2, #C69B36, #43009A, #090022, #040002)
• Tempered Rust color palette (#DFEDFD, #B95913, #002954, #291D23, #000717)
• Garnet Delta color palette (#E5DBEE, #65A047, #680045, #270018, #030008)
• Charred Hollow color palette (#E9E5FC, #006A36, #25002A, #1D0C01, #030004)

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