Clover Grove color palette — #E7F7FF · #00D477 · #00A1B7 · #6C46BD · #000103

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

The five colors

• Ivory (#E7F7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Clover (#00D477): A luminous, vivid teal — the color of shallow lagoons.
• Cerulean (#00A1B7): A luminous, balanced blue — the color of deep harbor water.
• Plum (#6C46BD): A full-bodied, vivid violet — the color of a velvet chair.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.

Use it as a design system

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

• Byzantium Balcony color palette (#EBF7FF, #00D890, #009DD4, #9E3BC0, #000106)
• Wandering Ultramarine color palette (#C5FFF4, #B7BD00, #00A8A1, #314ADC, #000102)
• Muted Quarry color palette (#C8E1FB, #00C1B7, #008BC8, #951C89, #010009)
• Linen Thicket color palette (#F0F5FF, #00D4D6, #4F97FF, #B23793, #010008)
• Nightshade Thicket color palette (#DDF2E2, #00AD67, #007B8F, #2600CE, #000C14)
• Dusty Azure Parlor color palette (#DCF1E8, #00A1CB, #68579A, #462C00, #0F0600)
• Tempered Lagoon color palette (#C5E4F4, #00A2A5, #007E96, #00557D, #000203)
• Washed Aqua Ridge color palette (#F5EAF6, #40CECA, #00738D, #00420C, #000308)

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