Clover Garden color palette — #E7F0E1 · #40B930 · #009234 · #006637 · #00412B
Clover takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E7F0E1): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#40B930): A luminous, vivid green — the color of fresh herbs.
- Kelly Green (#009234): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#006637): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00412B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Energy, Balance. Tagged 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 Clover color palette (#D4E3D6, #00C67D, #009064, #006752, #003B32)
- Patina Balcony color palette (#EBEEDE, #93B000, #5E9100, #336900, #0A4304)
- Aged Lime color palette (#E5FFD0, #4FDD00, #009433, #00612D, #002918)
- Dusty Lime color palette (#EDF0D1, #81CE00, #00AC3C, #008A69, #003C38)
- Faded Emerald Cabin color palette (#DBFFEE, #8AEED5, #31D7D9, #00A04A, #004334)
- Clover Parlor color palette (#C9EDE9, #3EBB50, #DA6600, #007F24, #4C1F00)
- Powdered Courtyard color palette (#E2F0E3, #00A93F, #0090A6, #8F6700, #002D0B)
- Pine Courtyard color palette (#D9FEF9, #A4CFAD, #61AD84, #2B8663, #2C5A5E)
Browse the whole catalog at Explore, or see today's palette.