Tempered Clover color palette — #F5F8DD · #64BD5C · #6B97E9 · #B37270 · #383932
Built around Clover, softened by Cornflower — the whole palette hums with nature and growth.
The five colors
- Custard (#F5F8DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#64BD5C): A luminous, balanced green — the color of a quiet forest floor.
- Cornflower (#6B97E9): A luminous, balanced violet — the color of twilight just after sunset.
- Mocha (#B37270): A luminous, balanced orange — the color of sun-warmed clay.
- Charcoal (#383932): a grounded near-black with real depth.
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
- Softworn Moss Ridge color palette (#FFF5D3, #AAAB34, #47A4CD, #B46B8F, #3A3831)
- Soft Boulevard color palette (#EBFCDF, #00C09E, #9D88DD, #B57448, #313C29)
- Aged Violet color palette (#F6F8DD, #629950, #9464AF, #8C4F87, #383932)
- Hazy Fuchsia color palette (#E1FCFA, #8FD0A0, #BEA5EE, #D983C1, #15403E)
- Timeworn Amber Summit color palette (#DFFDF5, #A8C789, #39C0C1, #CD7C19, #00332B)
- Wandering Violet color palette (#CCF2DF, #00A575, #775FFF, #B54700, #002C1D)
- Feathered Magenta color palette (#ACFCFD, #00B1B4, #BF5EDF, #A67200, #1A381E)
- Stone Balcony color palette (#FFF3E7, #DBB881, #B3845A, #6F6762, #403D36)
Browse the whole catalog at Explore, or see today's palette.