Tempered Clover color palette — #B9FCAE · #3BC663 · #00855B · #005342 · #003841
Clover and Mint set the tone — five colors that lean into nature and growth.
The five colors
- Mint (#B9FCAE): A whisper-light, balanced green — the color of fresh herbs.
- Clover (#3BC663): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#00855B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005342): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003841): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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
- Misty Basin color palette (#D2EC7E, #72B45A, #00865A, #005143, #002021)
- Quiet Jade Market color palette (#D3F3DF, #00BE96, #007C6C, #004D4A, #0A3143)
- Emerald Ridge color palette (#DBF5A2, #85CD7D, #00A665, #007062, #003B3B)
- Chartreuse Thicket color palette (#F2FADA, #9AE700, #1ECE57, #009172, #004022)
- Antique Balcony color palette (#FFDFB4, #BCD669, #3BBF62, #008F84, #003E4F)
- Lime Quarry color palette (#EFEC87, #A1B400, #587E00, #195A00, #004217)
- Navy Grove color palette (#F1F9E2, #009659, #006671, #00388D, #303400)
- Tempered Meadow color palette (#F6F6EC, #CFE0CF, #B9BFA9, #557637, #454200)
Browse the whole catalog at Explore, or see today's palette.