Hazy Cobalt color palette — #F9EDE5 · #72BDD7 · #007BBF · #005A53 · #0A1A4B

A conversation between Cerulean and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EDE5): a clean, paper-quiet neutral.
• Cyan (#72BDD7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007BBF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#0A1A4B): A deep, shadowed, balanced 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

• Weathered Petrol Station color palette (#EDDED6, #6CC2C1, #00829A, #005D39, #002236)
• Patina Cobalt Chapel color palette (#EAFAED, #90D8F2, #1983B9, #005153, #000C20)
• Cornflower Atelier color palette (#F7ECE2, #99CBEF, #4A82E7, #006B72, #2A294D)
• Wandering Denim Canyon color palette (#DAEDEB, #5FAAC5, #005F82, #003D45, #002237)
• Hushed Pier color palette (#F1E3D5, #75A7D1, #254DEE, #004951, #140836)
• Wandering Ridge color palette (#FFF2EC, #79DEDF, #009CBA, #00764C, #003754)
• Chalky Periwinkle color palette (#FDF3EC, #B0E4FC, #3C9FFD, #008380, #313C6B)
• Blush Balcony color palette (#FADFEF, #DFA9E2, #F06E96, #2367A7, #3B1B2A)

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