Navy Pier color palette — #E0F3F1 · #2F5D71 · #272C69 · #1F1500 · #020600

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

The five colors

• Cream (#E0F3F1): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#2F5D71): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#272C69): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1F1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#020600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, 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 Coast color palette (#CFECFA, #415785, #4E2059, #0F1900, #000302)
• Deep Abyss color palette (#D5E9D1, #366A5E, #003E53, #2A0800, #050300)
• Aubergine Atelier color palette (#DDE7FF, #646595, #48286C, #420018, #1C0900)
• Antique Abyss color palette (#E6DDE3, #567F93, #004062, #00201C, #00010A)
• Hushed Aubergine Hollow color palette (#DBF4FA, #4978A5, #664483, #313201, #151600)
• Moonless Meadow color palette (#D2E6DE, #346533, #003225, #00171D, #000200)
• Inked Quarry color palette (#CDE5F7, #0050AC, #22007C, #140032, #020005)
• Inked Aubergine color palette (#E0E0F3, #391F8D, #393100, #00250E, #010009)

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