Hazy Drift color palette — #E7EEFF · #4D4CBE · #564C00 · #240083 · #131000
Indigo and Iris set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E7EEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Iris (#4D4CBE): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#564C00): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#240083): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#131000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Drift 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
- Tempered Balcony color palette (#EBEBFF, #7F31AD, #2F5800, #430062, #061400)
- Aged Denim color palette (#E1F0FF, #0063A0, #6A4100, #002F50, #190C00)
- Sapphire Grove color palette (#EBDAEC, #0075E0, #577100, #004486, #0C1200)
- Powdered Nightshade color palette (#ECECFF, #4B22B8, #6C2900, #003A28, #070024)
- Timeworn Grape color palette (#DCE3FF, #846DE6, #7A7300, #5600C5, #322F00)
- Soft Lapis Archive color palette (#E8EBFC, #757AFF, #947F00, #4E3EE3, #140F00)
- Lowlit Boulevard color palette (#EAE8FD, #7356B4, #45008D, #140037, #040011)
- Worn Grove color palette (#E0E2F4, #AE8FC1, #A1578D, #003A8A, #1C0A35)
Browse the whole catalog at Explore, or see today's palette.