Tempered Clover color palette — #E6EAD7 · #21B859 · #8C44A2 · #732A88 · #2A0003

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

The five colors

• Parchment (#E6EAD7): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#21B859): A luminous, vivid green — the color of fresh herbs.
• Plum (#8C44A2): A full-bodied, balanced pink — the color of peonies in June.
• Plum (#732A88): A full-bodied, balanced pink — the color of a candy shop window.
• Ink (#2A0003): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Worn Bloom color palette (#DEE8CF, #1EA371, #951E7B, #7B004E, #170004)
• Lapis Lantern color palette (#F4F1D3, #89A91D, #5855C9, #7C3D00, #200B00)
• Hushed Mulberry color palette (#F8ECD2, #B29A1D, #3164BF, #8A0972, #25001D)
• Weathered Teal color palette (#D9E6D2, #25C8AA, #A85896, #775E00, #281E00)
• Ancient Onyx color palette (#EFF3D9, #73B293, #528BA2, #865861, #44101F)
• Plum Delta color palette (#D7E8D3, #00A69A, #BE3B63, #921D2E, #240700)
• Patina Pier color palette (#D3EBE7, #0D8D20, #00597F, #570057, #1F0C00)
• Muted Amber Archive color palette (#EEDAC9, #D27400, #008098, #89205B, #270016)

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