Navy Pier color palette — #D4EBEB · #0081BA · #0344A5 · #4E0049 · #000F1F
A conversation between Indigo and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4EBEB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#0081BA): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#0344A5): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#4E0049): A deep, shadowed, balanced pink — the color of neon signs at night.
- Ink (#000F1F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, 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
- Washed Ultramarine Lantern color palette (#CCF2F3, #2D90DB, #3550B6, #582049, #06182D)
- Aubergine Study color palette (#D7F3F0, #00879E, #005277, #3F0B5D, #001118)
- Worn Nightshade color palette (#F3E0F6, #2277DA, #3C27BD, #530035, #030C28)
- Aubergine Delta color palette (#D8E4F9, #4A61C3, #6C008A, #4E0024, #180500)
- Antique Navy color palette (#F5D9BC, #008697, #2A439D, #4B2A00, #002C1E)
- Sapphire Terrace color palette (#E0FFE0, #00B7C6, #3764C8, #573800, #001521)
- Muted Cabin color palette (#E1ECEA, #8FBBCF, #007793, #004B4E, #001924)
- Feathered Sapphire color palette (#DEF0FF, #12C5F2, #04A4F3, #3064D7, #000B1B)
Browse the whole catalog at Explore, or see today's palette.