Clover Coast color palette — #DEE1D4 · #45BB00 · #009466 · #006163 · #003543

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

The five colors

• Bone (#DEE1D4): bright and airy, almost weightless.
• Clover (#45BB00): A luminous, vivid green — the color of new leaves after rain.
• Fern (#009466): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006163): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003543): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Quarry color palette (#E0F6DA, #00A964, #007859, #005145, #003645)
• Timeworn Alley color palette (#EBE4D5, #9FAB00, #459100, #006037, #004139)
• Chalky Harbor color palette (#CBFB97, #00D868, #009977, #005A56, #002B2E)
• Muted Mint color palette (#D4EEDA, #00D386, #00A779, #008369, #004239)
• Patina Teal Boulevard color palette (#E0F7E5, #00BDA2, #008A8A, #005F79, #00315D)
• Washed Pine color palette (#E0EADC, #008559, #00534F, #002C34, #000C16)
• Faded Teal color palette (#94FFF9, #00CBBB, #008B81, #004F4D, #00221E)
• Lime Coast color palette (#C2E9D2, #89B644, #897800, #774500, #00321A)

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