Clover Bloom color palette — #F2F5D7 · #5DC32C · #A752D6 · #245F00 · #2E0F3E

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

The five colors

• Custard (#F2F5D7): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#5DC32C): A luminous, vivid green — the color of fresh herbs.
• Amethyst (#A752D6): A luminous, vivid violet — the color of wild irises.
• Olive (#245F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#2E0F3E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Patina Lagoon color palette (#F9F3D1, #A2B325, #8852CC, #586200, #2A0D48)
• Sunlit Byzantium color palette (#EAF9CF, #2CC485, #A83ABE, #006D46, #36033F)
• Powdered Clover color palette (#D5FFFA, #55BD5D, #9760C9, #006015, #492668)
• Wandering Cabin color palette (#EBF1D7, #25A94E, #8A2B95, #005620, #220027)
• Pale Emerald color palette (#E6EDD5, #37AA63, #B25986, #006733, #340821)
• Tempered Lime color palette (#D7FFF7, #87D85B, #C475DD, #397B00, #50265D)
• Teal Orchard color palette (#E9F7E0, #00BEA0, #CB6C7D, #007662, #3E1C15)
• Worn Sapphire color palette (#FFF0D4, #C7A425, #0A6CEB, #6E5900, #001D4C)

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