Hazy Navy color palette — #C9E9ED · #0088B2 · #004790 · #1E207B · #2E0F4B
Built around Navy, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#C9E9ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0088B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#004790): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1E207B): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#2E0F4B): A deep, shadowed, balanced violet — the color of wild irises.
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
- Aged Cobalt color palette (#D2E6F3, #008EDB, #0063B4, #003B8E, #041555)
- Hazy Nightshade Bloom color palette (#CDF0FA, #007BC9, #122BC0, #3C0B74, #2F073C)
- Dusty Thicket color palette (#CDEDDE, #008A85, #00556B, #003356, #101448)
- Tempered Indigo color palette (#DDE1EE, #6070FF, #2A1DAA, #10005F, #05002D)
- Sky Coast color palette (#BEF0FF, #47BAFE, #4C78C9, #564F87, #513958)
- Muted Sapphire color palette (#CDE0FE, #1957F9, #7D4D00, #052A8F, #291600)
- Tempered Denim Delta color palette (#D3E9FF, #005E9B, #574F00, #274013, #001325)
- Sunlit Sapphire color palette (#D8EADD, #BEA128, #006FD0, #121029, #00050F)
Browse the whole catalog at Explore, or see today's palette.