Hazy Cobalt color palette — #C9E5EC · #5CAFD4 · #3684BE · #3D4D87 · #2B294B

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

The five colors

• Frost (#C9E5EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#5CAFD4): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3684BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#3D4D87): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#2B294B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Cerulean Delta color palette (#D2F0E7, #4FC3C4, #008CA5, #005777, #112947)
• Wandering Indigo color palette (#CDE8FF, #7DA1E3, #6F70C0, #5A3F7F, #361D3F)
• Patina Azure color palette (#EAF8FF, #ABDCFF, #5E9FDD, #4870A6, #25385D)
• Cobalt Quarry color palette (#C8F2E4, #A7BDEE, #7878B5, #635487, #4C2E35)
• Muted Cobalt Drift color palette (#FFEBFC, #A2B9F7, #6378B8, #273C72, #051239)
• Softworn Workshop color palette (#FEEBFD, #7EA5E2, #BA7F40, #3663AB, #3B2000)
• Tempered Cerulean color palette (#FCECFE, #E3D1E4, #E1B4B5, #4F90A8, #3D2937)
• Dusty Station color palette (#DBEFFB, #008FF0, #403DEF, #370095, #2B0043)

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