Clover Garden color palette — #D8E3D9 · #00C16E · #007F53 · #005541 · #002720

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

The five colors

• Bone (#D8E3D9): bright and airy, almost weightless.
• Clover (#00C16E): A luminous, vivid teal — the color of sea glass.
• Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005541): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#002720): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Moss Coast color palette (#E2F0D5, #5FB220, #05811E, #005925, #002B18)
• Tempered Delta color palette (#C8E9DC, #00AA92, #007267, #004A48, #002627)
• Antique Jade color palette (#EAF8D8, #00B47E, #B86F00, #006C4A, #311A00)
• Ancient Clover Archive color palette (#E7F3D7, #09CA36, #008557, #005E52, #0F4157)
• Ancient Corridor color palette (#EAFFB8, #83E36C, #00AC78, #006E5D, #003739)
• Gentle Moss color palette (#E5E2CF, #ACA800, #6F7300, #404E00, #182800)
• Turquoise Coast color palette (#CFEFCD, #26BABF, #008A96, #005C6B, #00313E)
• Muted Hollow color palette (#CFEFD0, #009597, #1A67F8, #486F00, #001D1D)

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