Tempered Clover color palette — #FFF0FB · #FF8E79 · #85B852 · #0099AF · #491B13
Clover takes the lead with Salmon close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Salmon (#FF8E79): A luminous, balanced orange — the color of toasted spice.
- Clover (#85B852): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#0099AF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Espresso (#491B13): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, 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
- Faded Marigold color palette (#E5FDE2, #F5A42E, #68BE60, #008FC3, #3E2500)
- Apricot Hollow color palette (#FFF1F6, #F18D23, #879D00, #0081AE, #3C1228)
- Aged Violet Quarry color palette (#FFF0F9, #FF9068, #00BEB8, #8073EF, #461E10)
- Emerald Coast color palette (#E9D8E8, #E87476, #00AD5C, #007DB0, #35080C)
- Airy Blush color palette (#F9F2FF, #FF80C6, #CAA000, #00A07D, #421C31)
- Moss Coast color palette (#F4F4FF, #E3B0FF, #939A00, #009AAC, #391D47)
- Sapphire Lantern color palette (#DEFFE5, #FFA49F, #D39A19, #3A6AD7, #55260F)
- Sapphire Field color palette (#FCF0FF, #FF90A8, #5DB11E, #396AE6, #4C0F54)
Browse the whole catalog at Explore, or see today's palette.