Hazy Clover color palette — #E8FAF7 · #A7DCA3 · #F8A782 · #4DBA4A · #663218

Built around Clover, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FAF7): bright and airy, almost weightless.
• Pistachio (#A7DCA3): A whisper-light, balanced green — the color of new leaves after rain.
• Melon (#F8A782): A luminous, balanced orange — the color of autumn markets.
• Clover (#4DBA4A): A luminous, vivid green — the color of a quiet forest floor.
• Cocoa (#663218): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged light.

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

• Teal Boulevard color palette (#E4FAFC, #8FDEC6, #E6B467, #00B996, #563D15)
• Powdered Mallow color palette (#F6F6E9, #BDE2A0, #FC96C0, #6F984A, #532C29)
• Powdered Marigold color palette (#EAFAEF, #DDCB92, #F2A2C0, #BE9B00, #652D44)
• Soft Meadow color palette (#C7EDEE, #00D599, #E98F00, #00A072, #442600)
• Mint Parlor color palette (#DDFDFB, #C3E0F0, #8AC489, #B5AFB9, #305153)
• Hazy Moss Lagoon color palette (#E4FBF3, #C2D593, #41D1F2, #90AC2F, #004B5A)
• Faded Marigold color palette (#DCFEF8, #9ACE90, #3FC9D9, #DB9510, #0C413B)
• Powdered Grove color palette (#E3FBF8, #90C892, #CB88D1, #199A33, #57325A)

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