Clover Grove color palette — #FAE2AF · #2AB71D · #008173 · #6E1A94 · #00321B

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

The five colors

• Peach Cream (#FAE2AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Clover (#2AB71D): A luminous, vivid green — the color of new leaves after rain.
• Teal (#008173): A full-bodied, balanced teal — the color of sea glass.
• Plum (#6E1A94): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#00321B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged retro, vibrant.

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

• Hazy Mulberry Meadow color palette (#FCE1AA, #00B477, #007E84, #81007D, #003127)
• Misty Workshop color palette (#F9E2B4, #83A800, #00835C, #5A1BB1, #0C3200)
• Pale Clover Chapel color palette (#FFF4E2, #46C93B, #008577, #680090, #001F0F)
• Emerald Coast color palette (#C0F4EF, #00A948, #006DB0, #7F005F, #322000)
• Pale Teal color palette (#E0FEE6, #00C3A3, #008CA4, #8A386B, #003E3C)
• Timeworn Mulberry color palette (#C5E9CC, #00A99D, #007494, #7D1A4A, #002A2D)
• Weathered Courtyard color palette (#FFDADD, #A4BF00, #00A2A3, #B81C82, #00330F)
• Misty Nightshade Bloom color palette (#FBE2AE, #B59600, #458100, #133EB1, #2B2B00)

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