Tempered Clover color palette — #FFF3E5 · #D0D582 · #56BF63 · #8C7CBF · #3C3B34

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#D0D582): A whisper-light, balanced green — the color of fresh herbs.
• Clover (#56BF63): A luminous, vivid green — the color of new leaves after rain.
• Slate Blue (#8C7CBF): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Antique Jade Pier color palette (#FEF4E1, #BFD99D, #2CC187, #A97793, #314119)
• Linen Clover Study color palette (#F7E9D7, #C1C95E, #00B63F, #856DAA, #2F3100)
• Straw Boulevard color palette (#FFF4DE, #D9E274, #78A04F, #7B5D8B, #302E28)
• Fern Villa color palette (#FAF4EB, #E1E0C1, #88C5A7, #B28F98, #554F00)
• Softworn Lagoon color palette (#E5E0D0, #7EB87A, #00947E, #7D537A, #1B1D00)
• Chartreuse Lantern color palette (#FFF2ED, #E1DBC8, #C0E858, #D68EC1, #5D381C)
• Powdered Jade color palette (#FFF2EC, #AAF2FF, #59C2FF, #00AB74, #2B3D6B)
• Emerald Market color palette (#EDE3CB, #679856, #00735C, #643165, #060600)

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