Clover Garden color palette — #E7E1A5 · #7EB943 · #847A00 · #744700 · #00321E

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

The five colors

• Celadon Mist (#E7E1A5): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#7EB943): A luminous, vivid green — the color of new leaves after rain.
• Olive Leaf (#847A00): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#744700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#00321E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Pale Mustard Chapel color palette (#FED7A6, #B9A600, #A26A00, #8B3110, #1D2F03)
• Moss Terrace color palette (#E1E3AE, #879824, #605F00, #463C00, #202F00)
• Olive Alley color palette (#DBFFEE, #A5C880, #868300, #654700, #001F0A)
• Bronze Thicket color palette (#FBF5E5, #AFC895, #99915A, #8D5D24, #354400)
• Soft Mustard color palette (#FFEAD9, #DEAC2D, #C36D1F, #8B4B4A, #37352F)
• Airy Coral Field color palette (#FFE8EF, #FF6F63, #B06A00, #544E00, #0A2F00)
• Weathered Rust color palette (#FFD3C2, #DC9327, #C54B00, #8B2A44, #302900)
• Dusty Workshop color palette (#FFF2EA, #DFC6A8, #BD907B, #896D66, #594500)

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