Hazy Cobalt color palette — #FFF0F9 · #66C7E0 · #0073B7 · #005843 · #222575

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#66C7E0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0073B7): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005843): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#222575): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Forest Terrace color palette (#FDF1F9, #A7CBDD, #457EA9, #006248, #2D3762)
• Hushed Lapis color palette (#EBFAE9, #89BDEC, #515BDA, #005558, #411B66)
• Petrol Archive color palette (#F9F1E3, #77C9E2, #007BAB, #005152, #001B35)
• Frosted Denim Dune color palette (#E8DAE1, #68A9C1, #0057A1, #003F34, #1A1647)
• Worn Basin color palette (#FBF2F6, #D8DFF0, #819BC0, #3F7B71, #49516D)
• Misty Periwinkle Harbor color palette (#FFF2EB, #98E7FF, #57B1FF, #009B7B, #272B64)
• Teal Studio color palette (#BDFFF5, #00B3A3, #006550, #00392F, #001D19)
• Periwinkle Parlor color palette (#DFFFE3, #7BE3F2, #83A2FF, #656C00, #00443D)

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