Navy Pier color palette — #E1F1FF · #8DB7ED · #567AC7 · #3C408F · #221754
Indigo takes the lead with Azure close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8DB7ED): A luminous, balanced blue — the color of deep harbor water.
- Azure (#567AC7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Indigo (#3C408F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#221754): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Sunlit Cobalt color palette (#D6F8FF, #57BBDC, #0086BA, #005080, #002450)
- Indigo Studio color palette (#EEF1FF, #A8A5E9, #8064C0, #5C3480, #330841)
- Washed Workshop color palette (#ECF7FF, #9AC9FF, #7394D6, #525FA2, #352F71)
- Sapphire Harbor color palette (#FBECFE, #689FE1, #5660BA, #64334E, #142338)
- Tempered Driftwood color palette (#EAF1FF, #A2AED3, #7E7FA6, #67556B, #453342)
- Gentle Workshop color palette (#ECF2FF, #7E86CD, #864A88, #6D242F, #00222E)
- Grape Lantern color palette (#DBE6FF, #7A81FF, #6100E5, #400079, #1D0030)
- Charred Nightshade Veranda color palette (#DEECFF, #395ACD, #2900A5, #170043, #020009)
Browse the whole catalog at Explore, or see today's palette.