Hazy Cobalt color palette — #F1E7DF · #82BCDC · #246ABF · #004B4D · #0F0F37

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Sky (#82BCDC): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#246ABF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0F37): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Worn Petrol color palette (#F3E6DF, #78C2C7, #007795, #004D37, #00172B)
• Antique Petrol Hollow color palette (#EDF0E5, #86B9D7, #006EAA, #004D5F, #092F53)
• Cobalt Thicket color palette (#F7F0E9, #A8D2C5, #5577CD, #005A64, #331427)
• Cornflower Orchard color palette (#F9EAF0, #81CFF8, #3F88DC, #006C6D, #242953)
• Weathered Quarry color palette (#EBDBD2, #4C95AA, #004E76, #002C27, #000217)
• Tempered Ash Summit color palette (#F6F1EC, #C2E9EC, #819DCC, #38767B, #452E3C)
• Muted Cerulean color palette (#F7F0ED, #C9E5CE, #2B9AC3, #196E56, #07342C)
• Teal Loft color palette (#D1F7F4, #00A6A1, #006A6A, #002C2A, #000605)

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