Clover Studio color palette — #DAE5C3 · #3CC606 · #008E5C · #005E51 · #003232
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DAE5C3): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#3CC606): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#008E5C): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005E51): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#003232): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Clover Studio 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
- Pale Clover Coast color palette (#E7EFE3, #00C67A, #008B76, #005F60, #002F3A)
- Emerald Grove color palette (#EDEAD8, #9AB500, #17971E, #00653C, #002F27)
- Linen Moss Station color palette (#FFE1A2, #5CB100, #00816B, #661F9C, #003312)
- Pale Veranda color palette (#E2FFDA, #44E07C, #009B68, #005D48, #001915)
- Wandering Thicket color palette (#DFFFE3, #C0E000, #00D754, #009C9B, #003622)
- Feathered Mint color palette (#9DFFB9, #00D2A7, #009B9B, #00697A, #00394E)
- Teal Pier color palette (#F8F9CC, #AADDB0, #5FB297, #3B8380, #005057)
- Pale Emerald color palette (#E7ECC9, #26A81A, #007398, #6E008B, #401400)
Browse the whole catalog at Explore, or see today's palette.