Navy Pier color palette — #D7E5F3 · #5473A8 · #47447F · #491434 · #2B0110

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

The five colors

• Frost (#D7E5F3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5473A8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Indigo (#47447F): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#491434): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#2B0110): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Weathered Denim Terrace color palette (#D6EAEE, #367B96, #125382, #382245, #1C001D)
• Mulberry Boulevard color palette (#F0E9FE, #886C90, #703E63, #4B1A09, #1F0B00)
• Hushed Courtyard color palette (#D9F0F0, #17707B, #213D61, #311900, #031405)
• Driftwood Villa color palette (#DAE8FF, #A3A2CD, #9077AA, #644D6A, #5B2925)
• Worn Petrol color palette (#DAF3F1, #4690AF, #6263A8, #5A4300, #140D00)
• Muted Market color palette (#EBEFFF, #676CCF, #3B2EA4, #11004F, #01000E)
• Washed Denim color palette (#D2E3E0, #58A0A4, #006470, #003C38, #000B10)
• Pale Navy Bloom color palette (#D0E9FE, #006EBF, #004192, #040380, #040030)

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