Tempered Clover color palette — #F5FACF · #F2AA00 · #2ABD20 · #007E91 · #00381E
Clover and Saffron set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F5FACF): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#F2AA00): A luminous, vivid gold — the color of afternoon light on wheat.
- Clover (#2ABD20): A luminous, vivid green — the color of fresh herbs.
- Teal (#007E91): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#00381E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged candy, vibrant, light.
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
- Mustard Meadow color palette (#F3FAD8, #E9B900, #00B472, #0075B0, #002B27)
- Antique Apricot Drift color palette (#FFF5D3, #FF9343, #889C00, #007B82, #003819)
- Gentle Moss color palette (#C7FFF6, #C3C000, #30B211, #00807C, #00190E)
- Worn Lime Drift color palette (#E1FFDC, #C3D600, #36D31E, #00A394, #003622)
- Sapphire Delta color palette (#E8F9DF, #ABC04F, #00A18E, #1F5FE9, #00282C)
- Linen Drift color palette (#EEFADE, #EDDA48, #00C897, #1577F8, #00393B)
- Powdered Boulevard color palette (#D9F5DD, #6DAF35, #009397, #6601DB, #001824)
- Dusty Quarry color palette (#EAF5D6, #00B266, #007B67, #004D55, #003645)
Browse the whole catalog at Explore, or see today's palette.