Hazy Azure color palette — #D4F1D0 · #7ADEE9 · #3DB6E6 · #2793DD · #31436B
Built around Azure, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D4F1D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#7ADEE9): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#3DB6E6): A luminous, balanced blue — the color of open sky before noon.
- Azure (#2793DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#31436B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Hushed Teal Parlor color palette (#E1EFC4, #86E3D1, #1EC7C4, #009EB9, #124962)
- Soft Azure color palette (#D6F2FF, #71C6E0, #00A0CF, #0074A1, #2A4F6D)
- Indigo Meadow color palette (#C4F0D5, #95CDFA, #7BADF9, #7076CE, #483D6A)
- Antique Cobalt color palette (#D8FFF4, #B6DCFF, #80B2F2, #2988CB, #003155)
- Turquoise Lantern color palette (#B0F0E9, #00B3CE, #0086A9, #275684, #1D2D4C)
- Airy Azure Ridge color palette (#E5FBF4, #9AD3FF, #FEA384, #14A8FA, #643322)
- Gentle Alley color palette (#D1ECF2, #28C4F8, #0E96F6, #4354FF, #33077C)
- Airy Navy Chapel color palette (#E2F3F5, #009BB5, #0077B2, #00448C, #0C003D)
Browse the whole catalog at Explore, or see today's palette.