Navy Pier color palette — #F8EECE · #5C5000 · #003598 · #001D5F · #230508

Indigo and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8EECE): A whisper-light, dusty green — the color of fresh herbs.
• Deep Olive (#5C5000): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#003598): A deep, shadowed, vivid violet — the color of wild irises.
• Midnight (#001D5F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#230508): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Pale Navy color palette (#ECEED9, #436600, #222689, #330257, #220701)
• Patina Market color palette (#FFE6D5, #814100, #004453, #002A35, #230413)
• Aubergine Dune color palette (#EBE1C1, #6E6D00, #4E2B90, #451152, #37092D)
• Hushed Nightshade color palette (#F6D8EA, #933400, #35299B, #46004C, #0D0010)
• Worn Fern Parlor color palette (#E9EACF, #326300, #394749, #00201B, #0A0A00)
• Quiet Studio color palette (#FED4BC, #887800, #005A4B, #461E58, #282500)
• Emerald Terrace color palette (#F3F7E8, #1A9128, #555294, #3C3A6C, #39271E)
• Patina Fern color palette (#FAE0C3, #A78F00, #126E10, #003E35, #082334)

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