Hazy Azure color palette — #DEF2FF · #009DCC · #956BB4 · #3B6E3F · #132936
Built around Cerulean, softened by Slate Blue — the whole palette hums with nature and growth.
The five colors
- Frost (#DEF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#009DCC): A luminous, balanced blue — the color of open sky before noon.
- Slate Blue (#956BB4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#3B6E3F): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#132936): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Feathered Cornflower color palette (#E4F0FF, #3F8BFF, #AF6296, #00715E, #192739)
- Hazy Coast color palette (#DBF4F7, #00A78C, #5880C1, #755E00, #042C31)
- Softworn Coast color palette (#F3F4FF, #AC6EFF, #D55855, #007288, #272843)
- Lilac Corridor color palette (#F1F5FF, #9CA0FB, #C58894, #478787, #363D4D)
- Softworn Lagoon color palette (#EBF2FF, #6F8AFF, #94569B, #7B373E, #003042)
- Misty Grove color palette (#D1EAFF, #0076AF, #873A97, #00502D, #000F1B)
- Tempered Orchard color palette (#F0F6FD, #D9D7E5, #C0BBCC, #6482AB, #333B46)
- Indigo Station color palette (#EDF7FF, #5EBEFF, #6874DC, #0079B5, #121826)
Browse the whole catalog at Explore, or see today's palette.