Soft Clover color palette — #E8F4E2 · #27B820 · #008E43 · #006336 · #004D35

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

The five colors

• Cream (#E8F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#27B820): A luminous, vivid green — the color of a quiet forest floor.
• Kelly Green (#008E43): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006336): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004D35): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Sunlit Emerald Corridor color palette (#DEECDF, #009D52, #006A44, #004532, #002B2E)
• Weathered Clover Bloom color palette (#E9E6C7, #ADD062, #30C240, #009578, #004647)
• Lime Studio color palette (#D1EB94, #80C954, #009F52, #00704D, #004B3F)
• Hushed Lime Lagoon color palette (#D8EB8E, #92B400, #4F8100, #185B00, #004237)
• Misty Meadow color palette (#DAFFF0, #00C29B, #007A5E, #004634, #003126)
• Misty Cabin color palette (#F0FADF, #00AF73, #1E79F1, #006E47, #16396C)
• Lagoon Study color palette (#C3FAE1, #00966E, #007DA8, #6E6100, #003A28)
• Amber Hollow color palette (#F4E7C6, #B89B00, #837500, #514F00, #12411A)

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