Hazy Azure color palette — #D2F3FF · #00ABE1 · #0080B7 · #00588A · #343470
Built around Cyan, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Frost (#D2F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00ABE1): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080B7): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00588A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#343470): A deep, shadowed, balanced 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 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
- Hazy Balcony color palette (#93F3FD, #00B0C5, #007E98, #005771, #233760)
- Muted Cobalt color palette (#D2EEFE, #008ECE, #005F9B, #003D75, #2B1B53)
- Quiet Market color palette (#D5F5F7, #00C5E6, #0096CD, #3060B4, #383C74)
- Frosted Nightshade color palette (#D9EBF9, #4CABFF, #006ED2, #0040B9, #2A3D78)
- Mallow Terrace color palette (#EFF6FF, #D4DCFF, #BEAEFF, #3C7BB4, #384863)
- Weathered Emerald Orchard color palette (#EDF7FF, #009EE5, #219816, #006392, #0F470A)
- Faded Indigo color palette (#DDEBFF, #98ACF2, #6668D1, #565092, #404665)
- Timeworn Byzantium color palette (#DDEDFF, #0082DF, #A03BC3, #007066, #14324F)
Browse the whole catalog at Explore, or see today's palette.