Clover Garden color palette — #F0FBD3 · #2FC671 · #8557C7 · #AE2C5F · #08351B

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

The five colors

• Custard (#F0FBD3): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#2FC671): A luminous, vivid teal — the color of sea glass.
• Amethyst (#8557C7): A full-bodied, vivid violet — the color of wild irises.
• Magenta Rose (#AE2C5F): A full-bodied, vivid red — the color of late-summer berries.
• Deep Forest (#08351B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Violet Hollow color palette (#D4FFFD, #2FD77A, #9660DF, #A8385D, #00230D)
• Washed Delta color palette (#EAFDDA, #30C29D, #A448AC, #AD3832, #213110)
• Softworn Drift color palette (#FAF6DC, #99B62A, #4F6AD4, #914192, #263000)
• Antique Mulberry color palette (#E5FDE5, #00B1B2, #646CCA, #981453, #412C00)
• Misty Villa color palette (#D6E4C5, #00976B, #9352A8, #922038, #002115)
• Mulberry Study color palette (#FFF4E2, #00C1B6, #008AB3, #92345A, #003E42)
• Worn Alley color palette (#EAFAEB, #11B4B7, #BD7599, #995E39, #283828)
• Ultramarine Pier color palette (#E8FCE0, #00897A, #0065C0, #8C002E, #00342D)

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