Clover Garden color palette — #E1FEE6 · #D8C200 · #33BC13 · #576FDC · #343A00

Clover and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E1FEE6): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#D8C200): A luminous, vivid green — the color of a quiet forest floor.
• Clover (#33BC13): A luminous, vivid green — the color of a quiet forest floor.
• Sapphire (#576FDC): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#343A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy. Tagged retro, 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

• Muted Moss Delta color palette (#E0FFE6, #F3B512, #8AAD00, #367CC9, #3F3500)
• Muted Veranda color palette (#E1FEE7, #B4D007, #00BA78, #7A64D4, #273D17)
• Tempered Emerald Field color palette (#C7E8CD, #AEB312, #00A352, #5B58B2, #1B2900)
• Frosted Mustard Basin color palette (#FFF2EB, #F3B30A, #009F64, #65458E, #292A00)
• Frosted Mustard color palette (#E5FBF0, #C2BE00, #00AEB2, #7360CF, #600117)
• Worn Mint color palette (#E1FEE7, #5DDF7D, #00B5AC, #A157B4, #00402B)
• Hazy Amber Coast color palette (#DEFFE5, #FFA971, #BC9A00, #0087A8, #4D2D00)
• Misty Moss Station color palette (#CFEFD5, #61B000, #008A71, #663C92, #001D06)

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