Clover Garden color palette — #F7D8E1 · #31C71D · #00A869 · #1A2301 · #080D00

Clover takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Clover (#31C71D): A luminous, vivid green — the color of new leaves after rain.
• Kelly Green (#00A869): A luminous, balanced teal — the color of glacier melt.
• Onyx (#1A2301): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#080D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Airy Lime color palette (#F6DCE2, #90D800, #00A587, #00291F, #070F02)
• Worn Mustard color palette (#F8E0F2, #FCAD18, #00A95D, #1C2400, #0B0F00)
• Rose Drift color palette (#CFEED8, #FF4362, #00A05B, #111700, #040500)
• Airy Lantern color palette (#F9DFD2, #00CA90, #0086B8, #001521, #000905)
• Airy Apricot Boulevard color palette (#E3F2D6, #FF8968, #00B6BD, #002224, #030E05)
• Aqua Veranda color palette (#EEE4C6, #FFA4A6, #00CDD0, #054849, #102328)
• Powdered Scarlet color palette (#C9E7E0, #E03900, #00837D, #000F0A, #000200)
• Muted Honey Grove color palette (#DBF3FB, #F9C315, #17CFFB, #283930, #141C18)

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