Navy Pier color palette — #E8F3EA · #4689AA · #003F6A · #002226 · #000526
A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F3EA): a clean, paper-quiet neutral.
- Cerulean (#4689AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003F6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000526): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Navy Drift color palette (#F8E5EE, #2E82A7, #003583, #00201C, #010009)
- Antique Delta color palette (#E4F3E7, #4B98C7, #00498B, #002F37, #040A3F)
- Lagoon Balcony color palette (#DBEADD, #438F8A, #00454B, #002417, #000B10)
- Petrol Corridor color palette (#CDEFF2, #006E80, #00384B, #001726, #040213)
- Softworn Cobalt Dune color palette (#E8ECDF, #69A9CC, #007BBA, #005A6E, #000919)
- Wandering Courtyard color palette (#D6ECFF, #7999ED, #7A53B4, #003843, #010D2C)
- Antique Petrol color palette (#E7F2E9, #86BBC9, #007683, #00523D, #003343)
- Deep Denim Workshop color palette (#D3E1ED, #00587D, #622D00, #002436, #0E0300)
Browse the whole catalog at Explore, or see today's palette.