Clover Coast color palette — #F4F8E2 · #A3D061 · #62C370 · #008B6C · #32342D
Clover and Lime set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Lime (#A3D061): A luminous, balanced green — the color of new leaves after rain.
- Clover (#62C370): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008B6C): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#32342D): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Misty Teal Summit color palette (#EEF9E8, #86E0A9, #00BCA2, #008E91, #003D36)
- Feathered Mint Cabin color palette (#E0FCF8, #F4CD71, #8FD477, #00A8A9, #043A25)
- Hazy Courtyard color palette (#FAF5E2, #E5C45C, #AAB237, #568F25, #302F28)
- Tempered Lime Archive color palette (#F2F3E3, #E3BB57, #74C746, #008B95, #001E11)
- Hushed Pewter Workshop color palette (#D5E5C5, #97B292, #63816B, #694863, #553335)
- Aged Fern Thicket color palette (#FAF5E5, #92A371, #4C6E31, #594A00, #36362F)
- Chalky Lantern color palette (#D5E5C9, #00B267, #00826B, #004D4F, #00120F)
- Muted Bloom color palette (#F3F7ED, #9FD1C1, #4C7CAB, #005B78, #203B61)
Browse the whole catalog at Explore, or see today's palette.