Hazy Navy color palette — #C7FEFF · #89D1D1 · #488EA3 · #2F5C84 · #21255B
A conversation between Deep Indigo and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C7FEFF): A whisper-light, dusty teal — the color of glacier melt.
- Ice Blue (#89D1D1): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#488EA3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#2F5C84): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#21255B): 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 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
- Lagoon Alley color palette (#CEFEEC, #9DC8A1, #509683, #005F63, #002E3E)
- Weathered Terrace color palette (#E1F6FF, #9AC9E8, #7387B5, #58477F, #41154A)
- Muted Navy color palette (#E8F8FF, #91BED4, #4293B3, #006593, #00487E)
- Cerulean Courtyard color palette (#FFECF6, #7AB9B2, #517DA2, #68455A, #193039)
- Ancient Aubergine color palette (#D1F5F5, #0093C0, #0053AE, #2D137E, #150026)
- Cobalt Lantern color palette (#ECFCDA, #BCDCBA, #56A7C2, #1978B8, #394180)
- Frosted Cobalt color palette (#C6ECF1, #58AAE0, #3F66B7, #3E2378, #2C0039)
- Nightshade Lantern color palette (#7EFBF0, #00B8DC, #0078B4, #212CAD, #28004E)
Browse the whole catalog at Explore, or see today's palette.