Clover Coast color palette — #F6EFCF · #4CBD55 · #008D69 · #005C86 · #2F312B
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F6EFCF): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#4CBD55): A luminous, vivid green — the color of fresh herbs.
- Fern (#008D69): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005C86): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#2F312B): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Soft Moss color palette (#FBEEC9, #A0AB28, #56873F, #00616C, #31312A)
- Feathered Teal Market color palette (#F2F1CE, #00BC9D, #00898B, #425383, #22371B)
- Softworn Emerald Lantern color palette (#FDECD3, #649550, #006A59, #4F2D6B, #2F312B)
- Antique Emerald color palette (#F8F6E4, #A1C08B, #589054, #64645C, #36362F)
- Airy Emerald color palette (#E9E5CB, #009957, #006757, #003A65, #001C10)
- Ancient Pier color palette (#E0F5E4, #99CA85, #00B096, #8C58B8, #003937)
- Mulberry Orchard color palette (#FFF2EF, #BDBB6D, #009284, #832A5B, #132807)
- Navy Atelier color palette (#D9E6CF, #008570, #005659, #151A72, #000F0D)
Browse the whole catalog at Explore, or see today's palette.