Clover Villa color palette — #CCEF77 · #4EBF3D · #007B55 · #00322C · #000708

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

The five colors

• Lemon (#CCEF77): A whisper-light, balanced green — the color of new leaves after rain.
• Clover (#4EBF3D): A luminous, vivid green — the color of new leaves after rain.
• Teal (#007B55): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#00322C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000708): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged cool.

Use it as a design system

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

• Jade Corridor color palette (#D1E4D6, #00B490, #00787A, #003A43, #00060C)
• Weathered Moss Summit color palette (#F5EBC9, #AAA800, #447500, #003D10, #000302)
• Tempered Thicket color palette (#E5E2CF, #80B438, #009961, #00625C, #001D23)
• Wandering Lagoon Loft color palette (#D6F2D9, #00A074, #005950, #002124, #000102)
• Chartreuse Thicket color palette (#DFFFE2, #CCD800, #00C577, #008F89, #000502)
• Hazy Moss Hollow color palette (#FFECC5, #42A300, #006354, #3C1059, #000601)
• Teal Courtyard color palette (#BFF0C6, #0FB79D, #2E7987, #533156, #350B1C)
• Chalky Balcony color palette (#DCFFEA, #00DEBC, #00989A, #00525E, #001E2D)

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