Hazy Ridge color palette — #E4ECFF · #575BC7 · #655300 · #22007F · #020100

Royal Purple takes the lead with Iris close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E4ECFF): A whisper-light, dusty violet — the color of wild irises.
• Iris (#575BC7): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#655300): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#22007F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Ridge 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

• Byzantium Loft color palette (#DEDFFD, #824AB6, #3B6100, #3D0064, #010200)
• Washed Petrol color palette (#D7E4EF, #0070B0, #7B4600, #002E4C, #020100)
• Smoked Nightshade Lantern color palette (#DBE7FF, #382ABC, #443C00, #150061, #010100)
• Powdered Nightshade Cabin color palette (#F6E5F0, #636BEE, #8A6D00, #3E36C5, #090500)
• Gentle Orchard color palette (#DAF1EE, #778E00, #0068ED, #0B0916, #000105)
• Raspberry Harbor color palette (#F2EBFF, #BF47A5, #007A5B, #690058, #000201)
• Aubergine Loft color palette (#EDECFF, #C180E5, #008D38, #68008E, #000B02)
• Coral Loft color palette (#E5EDFF, #D3A5E0, #CB7576, #004E6B, #020006)

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