Hazy Cobalt color palette — #D2E7F7 · #0074BB · #003970 · #001F51 · #180034

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D2E7F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0074BB): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003970): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001F51): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#180034): 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 Cobalt 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

• Ancient Petrol color palette (#C6E6F1, #006C90, #004A6C, #002641, #00132B)
• Midnight Onyx Grove color palette (#D1ECF4, #00698C, #00346B, #0A005A, #060019)
• Softworn Corridor color palette (#DDF4FB, #0087BF, #005497, #1200AA, #1A0049)
• Wandering Navy Pier color palette (#DCE8FF, #9F95ED, #8E70B5, #123680, #16143C)
• Misty Ultramarine Corridor color palette (#E1EEFF, #0757C5, #005B3A, #002865, #00140A)
• Twilit Hollow color palette (#DFE7FF, #5467DA, #1D009E, #080044, #01000F)
• Smoked Aubergine Hollow color palette (#DEE6FD, #4545BA, #300085, #1B0045, #130012)
• Dusty Corridor color palette (#D9DEED, #2432BE, #6F0062, #00383C, #020029)

Browse the whole catalog at Explore, or see today's palette.