Hazy Garden color palette — #E7F9FF · #009FA3 · #6C59CF · #5A42A7 · #2C2100
Built around Cornflower Indigo, softened by Plum — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#009FA3): A luminous, balanced teal — the color of glacier melt.
- Cornflower Indigo (#6C59CF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#5A42A7): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#2C2100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Hazy Garden 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 Garden color palette (#E4FAFF, #009F9E, #00769E, #4744A2, #0B2910)
- Aubergine Quarry color palette (#DBFDFF, #00A179, #008060, #6D2CA1, #2B2700)
- Sapphire Station color palette (#EBF7FF, #009CC4, #3462E4, #992A19, #002A2A)
- Chalky Market color palette (#EDF7FF, #0096DE, #4D6CD6, #892571, #182D0C)
- Misty Ultramarine Canyon color palette (#E0F0FF, #007FCA, #3456AF, #65135F, #001A15)
- Indigo Chapel color palette (#E9F8FF, #05ABC6, #7F72C4, #805600, #192E38)
- Soft Aubergine color palette (#F2F8E5, #198C53, #5709A6, #710024, #282100)
- Pale Corridor color palette (#DAFDFC, #1BC179, #984EA1, #962818, #5F0800)
Browse the whole catalog at Explore, or see today's palette.