Clover Garden color palette — #F0F4D6 · #2EC721 · #7477FF · #5752DC · #2E0600
Clover takes the lead with Iris close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F0F4D6): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#2EC721): A luminous, vivid green — the color of new leaves after rain.
- Periwinkle (#7477FF): A luminous, vivid violet — the color of wild irises.
- Iris (#5752DC): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#2E0600): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Creativity, Energy. Tagged jewel, vibrant.
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
- Linen Corridor color palette (#F5F4D3, #95BE23, #3F6BF1, #703EBC, #2D0009)
- Patina Lime color palette (#D5F2CB, #60D220, #A44BE3, #AA3071, #470029)
- Orchid Parlor color palette (#E6FDE2, #00BFAE, #A855FD, #8147C0, #221600)
- Sunlit Byzantium Coast color palette (#EDF0CF, #28CD46, #B72AC5, #993EA2, #2E0004)
- Gentle Indigo color palette (#FFF2E6, #E9A321, #4E71F2, #7843BF, #220C2B)
- Ancient Ultramarine Drift color palette (#D0FFF4, #66991A, #3014EF, #77005B, #211100)
- Quiet Lantern color palette (#DAFFF1, #00BFEC, #4E89FF, #9A57BA, #252300)
- Muted Lagoon color palette (#F0F8EE, #6CD5C0, #89A8DC, #7B85B0, #37322C)
Browse the whole catalog at Explore, or see today's palette.