Clover Summit color palette — #E7EFE2 · #00B958 · #008659 · #004F3E · #002F2B
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7EFE2): a clean, paper-quiet neutral.
- Clover (#00B958): A luminous, vivid teal — the color of sea glass.
- Fern (#008659): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004F3E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged 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
- Wandering Jade color palette (#D7F2E1, #00B28B, #007367, #004D4F, #00252A)
- Gentle Lantern color palette (#E3E2CA, #959F00, #5A8400, #125805, #00321C)
- Pale Field color palette (#F2FF9F, #72E732, #00AC7E, #007870, #003C46)
- Antique Pine color palette (#E6F9D9, #9EFDFF, #71CBFC, #428E55, #00312E)
- Plum Orchard color palette (#E7F9D4, #2BC397, #B83F86, #006C51, #3D0628)
- Muted Moss color palette (#F7E8C7, #A4A731, #7E6A00, #5B3D00, #201D00)
- Amethyst Field color palette (#BAF3E2, #00987F, #824EE1, #944A00, #001E17)
- Softworn Ridge color palette (#C8F6F9, #009CB5, #006584, #004162, #001D3F)
Browse the whole catalog at Explore, or see today's palette.