Clover Market color palette — #F9EBC2 · #51C84C · #008B76 · #226185 · #123710

Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F9EBC2): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#51C84C): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#008B76): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#226185): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#123710): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged botanical, earthy, muted.

Use it as a design system

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

• Faded Lime Bloom color palette (#FFE7CB, #B1B300, #328D39, #006770, #303000)
• Lagoon Courtyard color palette (#DEFEF1, #9BD49A, #009473, #006375, #012703)
• Taupe Study color palette (#F4E1CC, #A7AB54, #48814C, #67496B, #312805)
• Soft Jade Harbor color palette (#CDF5F0, #4AA777, #006B50, #004E48, #003820)
• Softworn Study color palette (#FFF3E7, #CDBC5B, #65973E, #765D86, #423B0F)
• Aged Basalt color palette (#F9F5E8, #A7D2A4, #549F8F, #8A6864, #424700)
• Muted Ultramarine Basin color palette (#DBE4FF, #91ABFF, #869600, #3443CD, #2C3200)
• Chalky Azure color palette (#FFF2EB, #5ADEFE, #0093E7, #00755A, #22296D)

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