Clover Garden color palette — #D7EEFF · #00CC60 · #FF635F · #3B2338 · #1C0F1B
Built around Clover, softened by Watermelon — the whole palette hums with nature and growth.
The five colors
- Frost (#D7EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Clover (#00CC60): A luminous, vivid teal — the color of sea glass.
- Watermelon (#FF635F): A luminous, vivid orange — the color of autumn markets.
- Onyx (#3B2338): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#1C0F1B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, 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
- Rose Cabin color palette (#C4EBF4, #85C000, #EF4C7B, #341D39, #140816)
- Faded Grove color palette (#D5E1F3, #00CA86, #EA7E00, #371928, #1B1015)
- Ancient Rose Corridor color palette (#DFF3FF, #00BBBF, #FF366D, #340D00, #140A16)
- Muted Mint Courtyard color palette (#EAEEFF, #00EEA9, #FFA65E, #4D3741, #2B2427)
- Rose Study color palette (#CCEEE1, #1FD5F3, #DD575C, #69292A, #1E0903)
- Weathered Mustard Quarry color palette (#DFEFE3, #E7C000, #FF9062, #2C0A00, #030100)
- Quiet Balcony color palette (#ECEEFF, #00C9D5, #D59800, #3E2900, #081A0B)
- Muted Magenta Thicket color palette (#D2E3E5, #DD9E00, #FF37DB, #302541, #150F1D)
Browse the whole catalog at Explore, or see today's palette.