Clover Garden color palette — #FEF0FF · #00C776 · #0088B8 · #992F45 · #003F39
A conversation between Clover and Garnet, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Clover (#00C776): A luminous, vivid teal — the color of sea glass.
- Cerulean (#0088B8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Garnet (#992F45): A full-bodied, balanced red — the color of a theater curtain.
- Forest (#003F39): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Cobalt Field color palette (#FFE6F8, #00BBA3, #3B78C3, #813F32, #0D3643)
- Soft Terracotta Chapel color palette (#FFF2EC, #5FDB94, #0096AD, #A31800, #003027)
- Hazy Quarry color palette (#FFF0FE, #85BC00, #008E98, #804072, #0D4026)
- Worn Veranda color palette (#E5FBF5, #4BD6A8, #0099A1, #5A723F, #114534)
- Hazy Plum Atelier color palette (#DFFCFC, #1CC085, #AA3F93, #922B34, #57161B)
- Periwinkle Studio color palette (#D1FBC2, #72CDC8, #6D9BD0, #8D5D3C, #6E3F1E)
- Powdered Boulevard color palette (#FEE3F1, #009489, #0B4CC1, #5C2600, #001A20)
- Aged Amethyst color palette (#FFE19F, #00AAC5, #7543E7, #624900, #002C47)
Browse the whole catalog at Explore, or see today's palette.