Hazy Clover color palette — #FFF0FE · #70B926 · #093E9F · #10254B · #231522

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

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Clover (#70B926): A luminous, vivid green — the color of fresh herbs.
• Indigo (#093E9F): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#10254B): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#231522): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged luxury, dark.

Use it as a design system

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

• Dusty Navy Drift color palette (#FFF0FD, #C29E00, #193E9C, #11234D, #251324)
• Soft Bloom color palette (#FFF0F8, #00BD90, #472E9B, #251D4C, #281220)
• Hushed Emerald color palette (#EAD8E5, #4FA250, #232B75, #0C1039, #150511)
• Hushed Parlor color palette (#F1F5FF, #C9D97A, #8183D8, #514EA5, #121930)
• Gentle Moss color palette (#FFD9E0, #33AF07, #60006A, #2F0035, #1F060C)
• Stone Studio color palette (#FFF1F2, #ADCB98, #74516A, #4C3032, #2B2320)
• Nocturne Aubergine color palette (#F4DFE9, #00906F, #2C006A, #0B0026, #080004)
• Coral Canyon color palette (#FFF0FD, #FF6B5D, #1E3F97, #102252, #261224)

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