Tempered Clover color palette — #F1F7CB · #18B82B · #008BCE · #0A6F16 · #002338
Clover takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F1F7CB): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#18B82B): A luminous, vivid green — the color of fresh herbs.
- Cerulean (#008BCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#0A6F16): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002338): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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
- Washed Moss color palette (#F9F4C8, #85A800, #0091B3, #4F6500, #002530)
- Sapphire Garden color palette (#DEE7CB, #009857, #006BC4, #00552E, #001229)
- Patina Indigo color palette (#E3FBD3, #00B195, #6073F3, #006B59, #121554)
- Pale Station color palette (#C7F2CE, #009D44, #008399, #7D5B00, #001F08)
- Aged Jade Garden color palette (#E4EED3, #13AB6E, #AF681A, #00663F, #2D1500)
- Dusty Clover Boulevard color palette (#D2FFDD, #00CD74, #008948, #004825, #001708)
- Dusty Aqua Hollow color palette (#E6F7EB, #5EC4D8, #98A45F, #2D7E8D, #32312A)
- Dusty Teal Orchard color palette (#E7F8E2, #00BDAC, #AD8729, #00756A, #362300)
Browse the whole catalog at Explore, or see today's palette.