Hazy Cobalt color palette — #CCE1F6 · #1283D5 · #9B5700 · #004B80 · #3F2000

Built around Azure, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Powder Blue (#CCE1F6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#1283D5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ochre (#9B5700): A full-bodied, balanced gold — the color of honey in a jar.
• Peacock (#004B80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3F2000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Airy Denim color palette (#E4F0FF, #538CE6, #9D6F00, #1652AA, #473100)
• Quiet Villa color palette (#C2E8DB, #41B3FE, #9F6A00, #0069A1, #3A2400)
• Pale Atelier color palette (#D5DEF3, #6F70D7, #7D6900, #3D2EA7, #312800)
• Pale Brick color palette (#CCE2ED, #008EA6, #C5170D, #005262, #4D0F09)
• Nightshade Orchard color palette (#E6EFFF, #445DDD, #695900, #1C15A1, #211A00)
• Quiet Brick color palette (#DEEAF9, #0469CB, #B00039, #2C5A00, #061F3E)
• Lapis Lantern color palette (#F1F5FF, #9599D9, #9C8A15, #5A59AE, #284B39)
• Washed Orchid color palette (#E0E2FF, #A252F3, #687900, #6A00AF, #2A3200)

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