Hazy Cobalt color palette — #E6DCE4 · #6AC1CD · #007EB1 · #005C3A · #0C1C43

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#E6DCE4): bright and airy, almost weightless.
• Cyan (#6AC1CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007EB1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C3A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0C1C43): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Patina Sapphire color palette (#E9DEE2, #7FB9DD, #406CD9, #005A55, #231344)
• Aged Cerulean color palette (#FFF2EC, #9CD8E0, #0086AF, #005340, #000D1E)
• Tempered Turquoise color palette (#EBE4D9, #4FAEBB, #006179, #003F37, #002235)
• Muted Station color palette (#D2E5E2, #7ACFDC, #00A3C0, #007D7C, #00232F)
• Dusty Terrace color palette (#FEF1F6, #90D4FF, #5383FF, #00736E, #382266)
• Airy Azure Quarry color palette (#C7E9E5, #40D7CE, #2BB0FA, #776500, #002F30)
• Jade Summit color palette (#E2F4E8, #00B089, #007550, #003E2E, #000B07)
• Muted Parlor color palette (#FAF3F7, #D0E0FC, #5DACED, #228E70, #3B4762)

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