Clover Field color palette — #E9F2E6 · #3DB759 · #008454 · #00614E · #004943
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E9F2E6): bright and airy, almost weightless.
- Clover (#3DB759): A luminous, vivid green — the color of fresh herbs.
- Fern (#008454): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00614E): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004943): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Clover Field 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
- Gentle Jade Alley color palette (#D4EDDD, #2EB38B, #00776B, #005857, #003D44)
- Quiet Chartreuse Meadow color palette (#C1EFAD, #6CE37B, #00C67F, #008E72, #004841)
- Antique Emerald Study color palette (#E5E897, #8BC057, #00A567, #006F68, #00484F)
- Pine Courtyard color palette (#DFFBFF, #A5F5F7, #7BC3E7, #448B4F, #005552)
- Powdered Grove color palette (#DAFDFF, #2BBD93, #B3358D, #006D52, #5C2049)
- Pale Quarry color palette (#F2E281, #A3AF00, #4D7F00, #1D6100, #00512E)
- Washed Lagoon color palette (#B7FAEC, #50BBB6, #008E97, #00677A, #34466A)
- Hushed Amethyst color palette (#BCFBE9, #00957C, #7E50D6, #934A00, #003A2F)
Browse the whole catalog at Explore, or see today's palette.