Clover Coast color palette — #E7F2E6 · #00C361 · #009569 · #005D4A · #00312B
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F2E6): bright and airy, almost weightless.
- Clover (#00C361): A luminous, vivid teal — the color of glacier melt.
- Fern (#009569): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005D4A): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00312B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged cool.
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 Lime Hollow color palette (#EBF3D8, #74BC1C, #029827, #005F30, #003221)
- Clover Drift color palette (#DFEBBB, #00B744, #008264, #00527D, #00321A)
- Gentle Teal color palette (#CCEBE0, #00BEAE, #00918F, #005E64, #002F39)
- Tempered Lime color palette (#FFF4DD, #A5CD16, #009A42, #005755, #001B27)
- Patina Nightshade Harbor color palette (#E2EDD3, #00A574, #00768A, #1823C4, #202800)
- Quiet Chartreuse Dune color palette (#F1FBD5, #8DE400, #00D76C, #00A78A, #00301A)
- Ancient Pine Station color palette (#D8ECE0, #008E5A, #004334, #002112, #070801)
- Patina Mustard color palette (#E6DFC5, #B4A800, #7E8400, #425900, #133100)
Browse the whole catalog at Explore, or see today's palette.