Tempered Clover color palette — #FFF1F6 · #E4D7D3 · #9FB7CD · #38CA71 · #292100

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#E4D7D3): bright and airy, almost weightless.
• Ash (#9FB7CD): A luminous, dusty blue — the color of deep harbor water.
• Clover (#38CA71): A luminous, vivid teal — the color of glacier melt.
• Onyx (#292100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged candy, vibrant, light, 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

• Muted Orchard color palette (#EAFAED, #FFD879, #DCD6CC, #33CD9D, #1F2300)
• Wandering Mustard color palette (#FFF0FC, #E8D3D7, #A0BEC9, #BCAD00, #441C00)
• Worn Seafoam Pier color palette (#E3FCF1, #FFF9AD, #DAD8CD, #6CDAD6, #06342F)
• Pale Lime color palette (#FFF3E7, #EFD6BE, #DECC7C, #B4C500, #493300)
• Mustard Thicket color palette (#E5FDE5, #FFDEE3, #F8B21E, #00B07E, #100E00)
• Chalky Chartreuse Villa color palette (#E5FFD0, #D4E0C7, #A9EB00, #00AEBF, #002111)
• Celadon Workshop color palette (#E3FDEB, #C1E79B, #4FA581, #7E5C88, #223507)
• Washed Emerald color palette (#FFF3E8, #FFB1C2, #E18F00, #249C15, #433300)

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