Clover Coast color palette — #ECEEDF · #32B811 · #00876E · #1F7C08 · #000202

Clover and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECEEDF): a clean, paper-quiet neutral.
• Clover (#32B811): A luminous, vivid green — the color of new leaves after rain.
• Fern (#00876E): A full-bodied, balanced teal — the color of sea glass.
• Olive (#1F7C08): A full-bodied, vivid green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Balance. Tagged duotone, 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

• Gentle Moss Study color palette (#F1EFE2, #8AA800, #008A4D, #5C7100, #010200)
• Jade Grove color palette (#DFE7D3, #00B679, #00838A, #007B50, #000300)
• Feathered Emerald color palette (#E0E3D0, #0C9623, #007289, #653A00, #030300)
• Teal Courtyard color palette (#D8F3E4, #00AA8D, #007D73, #005050, #000C0E)
• Patina Moss color palette (#D7F0EA, #6D9F32, #00595C, #294500, #000202)
• Dusty Pine color palette (#EBEEE6, #A1B7AA, #7BA492, #008750, #121607)
• Mint Coast color palette (#EFF5DD, #00E875, #00B2A5, #00AA54, #031700)
• Faded Nightshade Delta color palette (#E2F1DE, #009589, #006D94, #3723A6, #040900)

Browse the whole catalog at Explore, or see today's palette.