Navy Pier color palette — #FFF2EB · #73C5DD · #0075AE · #00574D · #082C73
Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sky (#73C5DD): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0075AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Navy (#082C73): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Forest Coast color palette (#FFF2EB, #6ECAC5, #007B8E, #005930, #003850)
- Softworn Petrol color palette (#E4F6F4, #67CBE7, #007DA2, #005058, #001D2C)
- Sapphire Drift color palette (#FFF3E6, #88BDEE, #3D5BE8, #005460, #371876)
- Washed Denim color palette (#F7ECE6, #6AA8C1, #005A97, #003E3B, #0C1455)
- Airy Wisteria Alley color palette (#E8F8FF, #C0D6FF, #C680FB, #007871, #003758)
- Frosted Lagoon Delta color palette (#DEF3EC, #009C9B, #006A7A, #004A6D, #002D5F)
- Gentle Azure color palette (#DBF0FF, #0BA1F3, #006291, #00344A, #00212F)
- Sky Orchard color palette (#FFF0F9, #96E8FF, #3AB5FD, #009988, #102F69)
Browse the whole catalog at Explore, or see today's palette.