Clover Coast color palette — #E4E0CB · #35B51D · #008C61 · #005C82 · #001D07
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E4E0CB): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#35B51D): A luminous, vivid green — the color of new leaves after rain.
- Fern (#008C61): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005C82): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#001D07): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, vibrant.
Use it as a design system
One click turns Clover Coast 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
- Faded Jade Ridge color palette (#F2F0D8, #00B470, #008A78, #00569B, #001C12)
- Pine Hollow color palette (#F1EDE0, #85A700, #008F25, #006072, #0D1B00)
- Pine Harbor color palette (#E3E9CF, #009248, #004F38, #1B2005, #020200)
- Aged Garnet Studio color palette (#FFEADA, #7D8900, #006854, #640051, #061C00)
- Emerald Market color palette (#E6E2D1, #98B364, #52921D, #636928, #1F1B00)
- Washed Aubergine Cabin color palette (#EAEDD9, #008B8F, #00647A, #41148C, #000405)
- Hushed Lagoon Corridor color palette (#D7F6E5, #66ABB7, #06969A, #4C6694, #28264B)
- Gentle Courtyard color palette (#EBEED7, #A5D300, #3CD313, #00A878, #001D06)
Browse the whole catalog at Explore, or see today's palette.