Clover Market color palette — #F8ECE2 · #00BCD6 · #2AB71D · #1F2100 · #090A02

A conversation between Clover and Cyan, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Cyan (#00BCD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Clover (#2AB71D): A luminous, vivid green — the color of new leaves after rain.
• Onyx (#1F2100): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#090A02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

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

• Pale Parlor color palette (#F0E8D7, #00D2ED, #00CA89, #202711, #10130B)
• Weathered Moss color palette (#F9E0D9, #00C49C, #A89C00, #281E00, #090703)
• Washed Azure Garden color palette (#F0EFD6, #07A6F6, #00A396, #001E1B, #010800)
• Weathered Teal color palette (#EFF3EB, #5FB392, #007181, #006549, #000903)
• Worn Teal color palette (#DBF4EF, #10AFAD, #007780, #00424D, #001C27)
• Tempered Summit color palette (#FFE1DE, #85B5FF, #C19E00, #153734, #19201B)
• Timeworn Pine Lantern color palette (#F9E4C5, #009198, #008A26, #000F0B, #010100)
• Washed Field color palette (#F5E2FB, #ABCEFF, #00D4DD, #273829, #151A16)

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