Hazy Garden color palette — #DFE7F7 · #768FFF · #5B4DF7 · #4E35A1 · #322456
Built around Iris, softened by Lavender Blue — the whole palette hums with creativity and energy.
The five colors
- Frost (#DFE7F7): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#768FFF): A luminous, vivid violet — the color of wild irises.
- Iris (#5B4DF7): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4E35A1): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#322456): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Energy. Tagged 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
- Washed Sapphire color palette (#D4EAFF, #56A3FF, #2669FC, #2F43B4, #1D2357)
- Hushed Byzantium Lantern color palette (#DDDDF9, #9B82FA, #8A37EC, #6A279D, #3F234D)
- Aged Lapis color palette (#E2F1FF, #4388FF, #493AC5, #4A257E, #411A4A)
- Timeworn Iris color palette (#DFEDFF, #76A3FF, #7F7BF4, #6B53B5, #361A4D)
- Wandering Indigo color palette (#C1EAFF, #77B8FF, #686AE0, #60248A, #39093F)
- Gentle Scarlet Studio color palette (#EDD7E1, #9F84E9, #ED381B, #6F3FC4, #4D1006)
- Hazy Grove color palette (#FFEEF4, #EECCFF, #EA99DF, #6D67B0, #472532)
- Turquoise Atelier color palette (#CEEFF8, #00ABD4, #007CA4, #005982, #002E4E)
Browse the whole catalog at Explore, or see today's palette.