Hazy Azure color palette — #DFF1FF · #009BD5 · #B56663 · #7F5800 · #07293E

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

The five colors

• Frost (#DFF1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009BD5): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#B56663): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#7F5800): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#07293E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Terracotta Courtyard color palette (#D9F4FD, #00A3AC, #B85E83, #98450E, #032B36)
• Wandering Azure color palette (#EEF6FF, #1F94DE, #A14A46, #565300, #02252C)
• Hazy Iris Basin color palette (#E5EFFF, #628AED, #B16E38, #5B6804, #1B273A)
• Muted Field color palette (#E2FCF1, #2CBCFC, #C84855, #7A5A00, #001B12)
• Periwinkle Station color palette (#DDF6E2, #809DF5, #8C63AB, #714E00, #262F4C)
• Weathered Quarry color palette (#E7EFFF, #6169B0, #814784, #5C3E00, #202343)
• Ancient Cobalt color palette (#D2E1F1, #2586CB, #8A2C00, #4E4200, #000E1D)
• Patina Alley color palette (#F2F5FF, #A9A1E5, #B29767, #64855E, #383C4C)

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