Hazy Drift color palette — #FBF1FD · #BE6C7E · #47702C · #254485 · #3F2D5B

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Dusty Rose (#BE6C7E): A luminous, balanced red — the color of a theater curtain.
• Olive (#47702C): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#254485): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#3F2D5B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Fern Hollow color palette (#FEF1F9, #B37764, #556D2A, #005638, #402D59)
• Patina Chestnut Meadow color palette (#F5F4FF, #A076B0, #7C5E00, #005162, #193862)
• Weathered Amber color palette (#FFF1F5, #B17C3D, #00707C, #005064, #4D2651)
• Timeworn Petrol Meadow color palette (#FAF1FF, #C0ABBD, #788C76, #3E6B8E, #454B66)
• Washed Aubergine color palette (#FFECF2, #A76512, #00615F, #5D086A, #432100)
• Timeworn Cerulean color palette (#FAF3F8, #C0E3F1, #3D95B9, #00735A, #2B4A6A)
• Olive Atelier color palette (#FAF0E4, #B48335, #537009, #004D3F, #341304)
• Olive Alley color palette (#FEF1F6, #DE904F, #828719, #046F50, #552929)

Browse the whole catalog at Explore, or see today's palette.