Clover Market color palette — #F3ECCD · #42C874 · #008A81 · #794868 · #10371E

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

The five colors

• Parchment (#F3ECCD): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#42C874): A luminous, vivid teal — the color of shallow lagoons.
• Fern (#008A81): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#794868): A full-bodied, balanced pink — the color of peonies in June.
• Deep Forest (#10371E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance, Grounding. 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

• Weathered Lime color palette (#FFE8C5, #9DB924, #008F50, #6A4C81, #293300)
• Timeworn Lagoon color palette (#FFF4DF, #9FC182, #319471, #66635C, #36362F)
• Terracotta Meadow color palette (#DDFEF3, #96D5A5, #00937E, #8F373A, #00260E)
• Dusty Lime Bloom color palette (#F7E9D4, #96BB2B, #008E57, #72560B, #273300)
• Muted Corridor color palette (#F4ECD3, #50A94F, #007160, #4B4709, #052106)
• Pale Jade Boulevard color palette (#EEEECE, #9DD094, #26B35D, #947700, #083902)
• Timeworn Fern Corridor color palette (#F6F6EB, #C8D8B4, #84A687, #907674, #3F5614)
• Hushed Corridor color palette (#EDE6D9, #AAA000, #498A00, #006742, #00403B)

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