Hazy Drift color palette — #FFF0FB · #95AEFF · #B59A06 · #3946FD · #251E00
Iris takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#95AEFF): A luminous, balanced violet — the color of wild irises.
- Mustard (#B59A06): A luminous, balanced green — the color of a quiet forest floor.
- Iris (#3946FD): A full-bodied, vivid violet — the color of a velvet chair.
- Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Hazy Sapphire color palette (#EEF6FF, #75B7FF, #D88605, #006ABF, #2E1900)
- Cornflower Orchard color palette (#F7DAF7, #83B7FF, #C1B620, #157AEF, #332F00)
- Misty Grape color palette (#FFF1F6, #CEAFFF, #73A800, #8200DA, #152300)
- Wandering Lime Quarry color palette (#FFF1F6, #D5B7FF, #94C322, #925BD1, #253500)
- Airy Ultramarine Atelier color palette (#E5EDFF, #5179FF, #896F00, #1E00E0, #1C1500)
- Aged Ember Drift color palette (#DBFFEB, #3ED3FF, #E75700, #007793, #380F00)
- Ember Bloom color palette (#F2F4FF, #818CFF, #ED4700, #008852, #0D0042)
- Airy Violet Corridor color palette (#F3F4FF, #BFC4FF, #825FFF, #3B009E, #060025)
Browse the whole catalog at Explore, or see today's palette.