Soft Clover color palette — #EAF0E3 · #00C555 · #00A276 · #006965 · #000201

Built around Clover, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#EAF0E3): a clean, paper-quiet neutral.
• Clover (#00C555): A luminous, vivid green — the color of new leaves after rain.
• Fern (#00A276): A luminous, balanced teal — the color of sea glass.
• Pine (#006965): A full-bodied, balanced teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Soft Clover 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

• Pale Lime Studio color palette (#EBEEE0, #89B700, #009F40, #006650, #000200)
• Teal Courtyard color palette (#CEE7CF, #00BC9D, #00918F, #006B7F, #000202)
• Misty Lime color palette (#DBE4D1, #9EB200, #00AB68, #00859F, #000302)
• Washed Denim color palette (#E1E2D4, #6AAFB3, #00606B, #002C28, #000102)
• Aged Grove color palette (#E7E0BC, #B8A100, #7C8F00, #156609, #010100)
• Tempered Pine Summit color palette (#E2E2C9, #568954, #004923, #0F2100, #010100)
• Aged Lagoon color palette (#C9EDE8, #288C8F, #00596B, #1C1845, #020007)
• Soft Harbor color palette (#E6FCEB, #00ECE4, #00BED6, #007EA7, #000405)

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