Clover Field color palette — #D7EBCD · #53B54F · #00863C · #00653A · #003825
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D7EBCD): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#53B54F): A luminous, vivid green — the color of fresh herbs.
- Fern (#00863C): A full-bodied, balanced teal — the color of sea glass.
- Pine (#00653A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003825): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Emerald Boulevard color palette (#E8F0DD, #7DC14E, #00A554, #007856, #00322A)
- Pine Meadow color palette (#EDE79B, #92BC4A, #008D43, #005D4A, #002A2C)
- Jade Atelier color palette (#DAE2C7, #00B663, #C86A00, #00773F, #411E00)
- Antique Basin color palette (#E8E6CD, #9DA200, #6F7E00, #455A00, #1B3300)
- Frosted Market color palette (#D6EEE3, #00B697, #00887B, #005D58, #003A3B)
- Washed Teal Market color palette (#B0FAE4, #1CC49D, #00846B, #00513F, #001A13)
- Aqua Lantern color palette (#E9F5DF, #A8EAE0, #1AD0DC, #318F60, #223619)
- Washed Workshop color palette (#E2EDDA, #009D7F, #0083BE, #716C00, #142504)
Browse the whole catalog at Explore, or see today's palette.