Hazy Clover color palette — #D8FEFB · #30D86B · #BB5B95 · #A03B7B · #00230A

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

The five colors

• Ivory (#D8FEFB): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#30D86B): A luminous, vivid green — the color of fresh herbs.
• Hot Pink (#BB5B95): A luminous, balanced pink — the color of a candy shop window.
• Magenta Rose (#A03B7B): A full-bodied, balanced pink — the color of peonies in June.
• Onyx (#00230A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Pale Plum Field color palette (#E6F9FF, #00BDC0, #C46DBA, #9C3594, #002121)
• Soft Rose color palette (#F0FBD9, #65E49F, #AD75D7, #DD4E74, #00351D)
• Hazy Peony color palette (#E1FBFF, #00C0AC, #D660AD, #726900, #002025)
• Tempered Indigo Corridor color palette (#DDFEF1, #B0C32A, #7770E2, #B1352A, #002218)
• Tempered Aqua color palette (#E3FAFF, #1CCCC2, #D28875, #9B6152, #0E292F)
• Ancient Lime color palette (#D8FFF8, #69CB46, #885EDC, #664D00, #2C1F00)
• Softworn Mint Study color palette (#FFF0FA, #00DFAA, #058FDC, #962E00, #002F2F)
• Hazy Clover color palette (#DCFDFC, #00C57C, #698BF0, #425EBF, #002121)

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