Clover Grove color palette — #F0F4E6 · #00C957 · #007698 · #006E2D · #000D06
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F4E6): bright and airy, almost weightless.
- Clover (#00C957): A luminous, vivid green — the color of a quiet forest floor.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006E2D): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Clover Grove 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
- Soft Jade color palette (#ECF6E3, #00C493, #006EBA, #006C4F, #000C09)
- Antique Clover color palette (#E3FBF7, #65BA44, #006BA0, #266600, #021F34)
- Hazy Lime Parlor color palette (#F6F2DE, #A1B400, #007D6B, #576200, #030C00)
- Emerald Market color palette (#E1E8D5, #00A76E, #005F76, #005435, #000301)
- Aged Mint Market color palette (#E1FBFB, #42D997, #009A99, #008E5C, #002322)
- Worn Garnet Ridge color palette (#FFF0D8, #00A990, #006D82, #6D0F4C, #002221)
- Cypress Market color palette (#EEF4E9, #C3DFD5, #ABC7B3, #137D62, #202819)
- Pale Grape Harbor color palette (#ECF7D8, #008557, #6A2EB3, #6E002B, #140D00)
Browse the whole catalog at Explore, or see today's palette.