Tempered Clover color palette — #F5F9D2 · #50C33F · #00A0CC · #975300 · #032301

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

The five colors

• Custard (#F5F9D2): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#50C33F): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#00A0CC): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#975300): A full-bodied, balanced gold — the color of old brass.
• Onyx (#032301): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Softworn Jade color palette (#ECFCDB, #00C393, #3B97E6, #826100, #002217)
• Dusty Lime color palette (#FFF5D3, #ACAE00, #00A7A5, #A94030, #1D1D00)
• Linen Jade color palette (#F0F9E1, #00C484, #D37547, #865F00, #002213)
• Patina Violet color palette (#DEFFE5, #00A5B3, #7D63E7, #475E00, #001012)
• Antique Grove color palette (#F5F8DB, #42A236, #BA5047, #723F00, #010B00)
• Weathered Delta color palette (#FEF6D1, #A6B000, #DA648E, #B33324, #221B00)
• Lagoon Market color palette (#F0F9E6, #81F2C5, #00A5B3, #00956C, #000E03)
• Muted Dune color palette (#E7FDDF, #18D3C1, #899EFF, #DD3882, #00332E)

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