Clover Canyon color palette — #D3E8D0 · #00CB69 · #00956B · #005C4C · #002D29
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 (#D3E8D0): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#00CB69): A luminous, vivid teal — the color of shallow lagoons.
- Fern (#00956B): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#005C4C): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#002D29): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Clover Canyon 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
- Antique Lime Station color palette (#E5F1D3, #6ABF17, #029827, #005C33, #002E1F)
- Wandering Clover color palette (#DEECB8, #00B74C, #008266, #00527E, #00321B)
- Muted Teal Dune color palette (#DCEEE8, #00BEAE, #008E90, #005962, #00303B)
- Dusty Courtyard color palette (#E3EED3, #69D948, #00AC78, #00806E, #002E31)
- Quiet Chartreuse Lagoon color palette (#FFF4DE, #B2D600, #009F53, #00504E, #00202D)
- Nightshade Bloom color palette (#C7F1F6, #00A388, #00758F, #1326C1, #242700)
- Pine Pier color palette (#CCEAEA, #008E5C, #004335, #002112, #000A09)
- Tempered Mustard color palette (#F7F0D7, #B3A800, #7C8300, #475C00, #153200)
Browse the whole catalog at Explore, or see today's palette.