Tempered Clover color palette — #AEFFC2 · #12BA2E · #046D18 · #003812 · #00250A
Clover and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Mint (#AEFFC2): A whisper-light, balanced teal — the color of sea glass.
- Clover (#12BA2E): A luminous, vivid green — the color of a quiet forest floor.
- Olive (#046D18): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003812): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#00250A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Energy, Balance. Tagged monochrome, 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
- Antique Moss Study color palette (#D5FAA5, #84AA00, #3B6600, #253400, #161E00)
- Jade Garden color palette (#A4FFCD, #00B980, #00714B, #003C27, #002318)
- Quiet Clover color palette (#B1FFB1, #5BE57F, #28B71F, #008532, #002006)
- Clover Station color palette (#B1FFBA, #16D336, #009033, #025411, #002305)
- Ancient Lagoon color palette (#D9FEFC, #9AD3B4, #42966D, #1B5D40, #073E3C)
- Weathered Ridge color palette (#A2F4EE, #00A5A2, #005F5D, #00312F, #001920)
- Mulberry Thicket color palette (#C1EFEE, #007C4C, #A50044, #612B00, #002715)
- Airy Emerald Veranda color palette (#FFE7DD, #ED94FF, #2DA30A, #03383C, #041D1A)
Browse the whole catalog at Explore, or see today's palette.