Hazy Cobalt color palette — #EEE2DB · #65C0D9 · #007CB7 · #005A50 · #0A1D42

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Parchment (#EEE2DB): bright and airy, almost weightless.
• Cyan (#65C0D9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007CB7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#0A1D42): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Hushed Sapphire color palette (#EFE4D8, #8AB6DE, #4769DF, #005763, #20173F)
• Hushed Cobalt Harbor color palette (#EBFAED, #99D7EA, #0084B6, #005151, #000D1E)
• Turquoise Meadow color palette (#D7E7E5, #35AECE, #00607E, #003D43, #002234)
• Feathered Azure color palette (#ECDAE5, #84CCE0, #2398EA, #008063, #131450)
• Linen Studio color palette (#FFF2EB, #81DDDA, #009DB6, #007745, #003751)
• Pale Iris color palette (#FBF4ED, #B2D9FC, #6C8FF2, #007A88, #3A3559)
• Teal Archive color palette (#D0F1E6, #00B49D, #007567, #003B33, #000C09)
• Weathered Periwinkle color palette (#D8E4CA, #58DAE0, #4EADFB, #49701F, #002822)

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