Tempered Clover color palette — #EAFCDC · #D8E7FF · #D6C4EA · #7DBD54 · #0D4E52
Clover and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#EAFCDC): A whisper-light, dusty green — the color of new leaves after rain.
- Frost (#D8E7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lilac Frost (#D6C4EA): A whisper-light, dusty violet — the color of a velvet chair.
- Clover (#7DBD54): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#0D4E52): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged pastel, light, muted.
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
- Jade Quarry color palette (#E2FAFF, #C0E0FC, #AFC2F8, #00AD76, #004F53)
- Hazy Mint Hollow color palette (#E0FEED, #E6E0F3, #F8BEFF, #00CBAB, #2A4A68)
- Sunlit Mustard Harbor color palette (#F5FAD1, #B6FCFD, #C8DFFF, #C4A100, #004F3E)
- Muted Mustard Atelier color palette (#F9EECE, #B4D3A3, #AFA830, #AE7100, #0B402C)
- Washed Grove color palette (#FFE8D2, #FFAEA0, #00DAC8, #005E55, #1B2A17)
- Aqua Dune color palette (#FDF1FC, #E7D7D7, #8DCCCF, #C8B1A4, #574752)
- Powder Summit color palette (#D1FBFD, #B6DEFF, #ADB0FF, #618236, #00342F)
- Azure Harbor color palette (#E2FCF2, #FFBAB8, #1997D8, #046290, #002118)
Browse the whole catalog at Explore, or see today's palette.