Clover Summit color palette — #EDF3E5 · #22BD27 · #008E61 · #00685E · #00363B
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EDF3E5): a clean, paper-quiet neutral.
- Clover (#22BD27): A luminous, vivid green — the color of fresh herbs.
- Fern (#008E61): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00685E): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00363B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged vibrant, cool.
Use it as a design system
One click turns Clover Summit 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
- Hushed Moss color palette (#EFF3D3, #84B300, #009733, #005F48, #003831)
- Airy Terrace color palette (#DCF2DA, #00BF8F, #008E7C, #00626A, #003B48)
- Frosted Boulevard color palette (#D5FC9E, #33E237, #00916D, #005950, #002A2E)
- Emerald Orchard color palette (#D8FFF3, #91EDFF, #8CB8FF, #4A9819, #004344)
- Ancient Courtyard color palette (#D7FFF7, #A2D6B3, #53B09B, #2D8384, #2F5160)
- Chalky Marigold Corridor color palette (#EFE8DC, #BD9D00, #718500, #316900, #00391E)
- Raspberry Loft color palette (#BEEFF2, #30CC9A, #E10068, #007C5A, #5A0025)
- Wandering Alley color palette (#D6F0D7, #007E5C, #00514B, #002B31, #000B11)
Browse the whole catalog at Explore, or see today's palette.