Hazy Navy Pier color palette — #C4ECEA · #008DA6 · #00618A · #003268 · #0A0E3C
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#C4ECEA): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#008DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00618A): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003268): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0A0E3C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy 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 Alley color palette (#D4F5F9, #00B0D1, #0081B5, #005289, #062857)
- Softworn Villa color palette (#C9E7D8, #009083, #005F64, #003B48, #001522)
- Misty Navy Grove color palette (#C9E9F5, #007CAF, #0042A3, #140D77, #0C0023)
- Ultramarine Delta color palette (#D1E5EF, #0090E0, #1448C8, #332276, #1F0832)
- Soft Cobalt color palette (#D7F2E8, #0089C4, #985A00, #004C6F, #1E0D00)
- Hazy Pier color palette (#CDE6FF, #5093FA, #00569C, #002457, #000715)
- Antique Lagoon color palette (#C3F6E2, #B4C3FF, #B483C9, #007079, #230F23)
- Hushed Garden color palette (#BBE7FF, #55B3FB, #4E70C0, #534B80, #3F212D)
Browse the whole catalog at Explore, or see today's palette.