Hazy Cobalt color palette — #D0EDE9 · #72AFBB · #338ACD · #894B60 · #4C1B06

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

The five colors

• Honeydew (#D0EDE9): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#72AFBB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#338ACD): A luminous, balanced blue — the color of open sky before noon.
• Coffee (#894B60): A full-bodied, balanced rose — the color of pressed rose petals.
• Espresso (#4C1B06): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

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

• Soft Pewter Harbor color palette (#E1EDE2, #4FB7A9, #3A97B1, #874E80, #43101E)
• Dusty Bloom color palette (#D3E4F1, #8CA3D1, #8D7AC8, #884E30, #352500)
• Powdered Cobalt Lantern color palette (#CEF4F9, #4AA2D8, #5070C9, #843736, #281200)
• Washed Petrol Ridge color palette (#CDEFE1, #73A990, #1373AE, #624817, #362300)
• Quiet Studio color palette (#DCF4DF, #3BB9C6, #656E97, #632B01, #3A0A00)
• Pewter Parlor color palette (#CEEAFC, #6883C3, #78589B, #5D3713, #001B0C)
• Onyx Corridor color palette (#D9F4FF, #4F84A9, #674A66, #421746, #210018)
• Faded Workshop color palette (#C9EFFA, #79C3FF, #9594EF, #AD604C, #523300)

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