Clover Garden color palette — #D4E2EA · #00DF69 · #FF748C · #4F2310 · #2E2130

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

The five colors

• Silver (#D4E2EA): bright and airy, almost weightless.
• Clover (#00DF69): A luminous, vivid teal — the color of sea glass.
• Rose (#FF748C): A luminous, vivid red — the color of embers at dusk.
• Espresso (#4F2310): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2E2130): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Faded Peony color palette (#CDEDF4, #36EEAD, #EB5A9D, #49152D, #28202C)
• Chartreuse Villa color palette (#CBE4F0, #74E600, #FFA098, #7D4641, #30221C)
• Pale Ember Villa color palette (#D8E9F9, #35E1D5, #EB5C2E, #3F2026, #20151C)
• Sunlit Drift color palette (#BDE7F0, #B8C600, #FF5AE1, #4B242D, #25212C)
• Muted Courtyard color palette (#DAF5F2, #6ECB00, #E48600, #2E1800, #150A02)
• Hushed Atelier color palette (#CCEEDE, #D0C600, #FF954A, #4E2C3E, #2E1B25)
• Weathered Study color palette (#D5E6FC, #00BAC6, #FF3C58, #330309, #160D16)
• Garnet Courtyard color palette (#FEF0FC, #B5A30F, #87101A, #480F10, #241422)

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