Softworn Clover color palette — #E8F2E7 · #00C272 · #008E63 · #005B4C · #002D29

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

The five colors

• Cream (#E8F2E7): bright and airy, almost weightless.
• Clover (#00C272): A luminous, vivid teal — the color of glacier melt.
• Fern (#008E63): A full-bodied, balanced teal — the color of sea glass.
• Pine (#005B4C): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#002D29): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Softworn 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

• Antique Mint Quarry color palette (#E1FFDC, #00E078, #009E69, #005646, #00201C)
• Clover Villa color palette (#DFE5D5, #68BD32, #009829, #006438, #002E21)
• Washed Teal color palette (#D7E9E3, #00C5B7, #008B8D, #005B63, #002D36)
• Softworn Clover color palette (#DCECBB, #00B658, #008269, #005181, #00321D)
• Dusty Lime color palette (#E5E4CF, #8BD200, #00B072, #008177, #00323B)
• Dusty Cypress Lagoon color palette (#D0E8DC, #00836C, #00504A, #002B2C, #000303)
• Ancient Market color palette (#EFE7CC, #B1A900, #748000, #3E5C00, #0D3100)
• Aqua Quarry color palette (#91FCE5, #00CFC5, #009EA4, #006E7C, #003E4E)

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