Clover Garden color palette — #EDF8F6 · #C1E0B4 · #2CC1DC · #76B655 · #14272F

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Celadon Mist (#C1E0B4): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#2CC1DC): A luminous, balanced blue — the color of deep harbor water.
• Clover (#76B655): A luminous, balanced green — the color of fresh herbs.
• Onyx (#14272F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Teal Bloom color palette (#EFF7F7, #B2EAEE, #83C1E0, #55C29E, #233039)
• Hushed Mustard color palette (#F0F7F3, #DDD8A0, #68C496, #B2A500, #062A2A)
• Azure Villa color palette (#F7F5EF, #E8ECA2, #23A9EF, #8E9000, #021710)
• Airy Moss Pier color palette (#EEF8F4, #C0CC8A, #129EC6, #7C8A00, #122732)
• Mint Delta color palette (#DFF8F7, #1FE593, #00AAD7, #00A969, #00141D)
• Periwinkle Grove color palette (#E7F9FE, #59E8E2, #6FA7FF, #00B1AC, #0C1D34)
• Softworn Teal color palette (#C8FFFB, #9EDFC4, #4DC5BC, #0096A5, #004559)
• Patina Lilac Courtyard color palette (#E5FAF8, #7FC284, #9D94E9, #BD6480, #1C301F)

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