Clover Workshop color palette — #D7E6D0 · #83BA4E · #00977E · #00639A · #000102
Clover takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D7E6D0): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#83BA4E): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00977E): A luminous, balanced teal — the color of sea glass.
- Peacock (#00639A): A full-bodied, balanced blue — the color of open sky before noon.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Clover Workshop 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
- Weathered Lantern color palette (#CFE8D0, #00BC64, #009091, #0047D7, #000102)
- Emerald Market color palette (#DDE5C7, #AFA500, #089D27, #005A6A, #000201)
- Aged Drift color palette (#DAE4D7, #009472, #007066, #004650, #000201)
- Softworn Denim color palette (#DFF1DF, #44908E, #0A5489, #431900, #050200)
- Patina Loft color palette (#D7F7E8, #00B6A0, #0092BB, #6F00E5, #000104)
- Hushed Denim Coast color palette (#FAEAE1, #71ACC2, #00588F, #002C28, #00000C)
- Softworn Lagoon color palette (#EDEFD7, #438A6F, #004644, #082200, #000201)
- Cocoa Workshop color palette (#C3E8D6, #007697, #883A00, #003040, #030100)
Browse the whole catalog at Explore, or see today's palette.