Tempered Clover color palette — #FFF0F7 · #E5C54E · #1DC12B · #B22133 · #4E3208

Clover takes the lead with Ruby close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Honey (#E5C54E): A whisper-light, balanced green — the color of fresh herbs.
• Clover (#1DC12B): A luminous, vivid green — the color of new leaves after rain.
• Ruby (#B22133): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#4E3208): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged pastel, light, vibrant.

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

• Gentle Jade color palette (#FFF4E0, #C3CF5D, #00BF70, #9B3900, #4A3A00)
• Pale Lime Villa color palette (#FFF2ED, #FFC157, #9BB703, #A9365F, #4F2800)
• Tempered Corridor color palette (#FFEFDB, #FAC434, #AFA600, #9B5700, #2A1B00)
• Sunlit Mustard color palette (#DDFFDD, #FDD55D, #C8C004, #B06700, #4C3600)
• Feathered Veranda color palette (#D9FFE9, #B1CD9B, #00BAA9, #845100, #073A30)
• Mulberry Pier color palette (#FFF1F3, #FFAF93, #C39C00, #8C3377, #55231D)
• Mint Atelier color palette (#DDFFE7, #A7FCD2, #58D5AE, #A05C25, #244F3C)
• Linen Chartreuse Alley color palette (#FFF3E7, #FFDE70, #BFE25B, #E27B4C, #4D3500)

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