Navy Pier color palette — #CCE7CB · #845800 · #1A4CA8 · #05307D · #271700

Indigo takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#CCE7CB): A whisper-light, dusty green — the color of fresh herbs.
• Ochre (#845800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#1A4CA8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#05307D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#271700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Misty Orchard color palette (#C6E7DB, #5C6A00, #484795, #2F2878, #002118)
• Washed Navy color palette (#CEEFE1, #535600, #1F398F, #08067F, #0E0F00)
• Ancient Summit color palette (#C9E8CD, #7F5B00, #005D6E, #003F4B, #01220A)
• Quiet Aubergine Atelier color palette (#FAEEDE, #855B00, #005D7D, #370092, #0E0600)
• Antique Terracotta Parlor color palette (#F7D2E7, #A13F00, #005C78, #003E52, #2B0F21)
• Faded Navy color palette (#D9F6F0, #4D8034, #007160, #3B3883, #032E28)
• Hazy Bronze color palette (#F5D8E4, #9C5200, #004F5E, #5A0020, #330C00)
• Timeworn Aubergine Parlor color palette (#D1E4D2, #A97500, #007DA1, #5A35A7, #042109)

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