Hazy Cobalt Study color palette — #F0F4E9 · #AADCCD · #4785CC · #005D7E · #062153

Azure takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F0F4E9): a clean, paper-quiet neutral.
• Oat (#AADCCD): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#4785CC): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005D7E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#062153): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Cobalt Study 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

• Patina Cerulean color palette (#F1F3E6, #92DEEE, #0091B1, #006165, #002939)
• Aged Alley color palette (#EBEFE2, #5291BC, #004C81, #002A38, #000411)
• Hushed Workshop color palette (#FEF1F6, #B4D2EE, #557AD6, #006570, #3E3472)
• Misty Periwinkle Pier color palette (#E7FAF9, #BBE0FF, #5A9FEA, #007CA5, #203E72)
• Dusty Lagoon color palette (#EAEADD, #9EBD9E, #007A82, #004C43, #001A1F)
• Hushed Amber color palette (#FFEFDC, #CE8700, #009A75, #7D5000, #00281C)
• Worn Bronze Corridor color palette (#FEE4C9, #C0985E, #965C00, #673400, #261A00)
• Tempered Mustard color palette (#FFEFD9, #EADEA8, #BEC66D, #A36F28, #362500)

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