Clover Bloom color palette — #F7DCE5 · #00CC61 · #7238A5 · #3A1D55 · #1C0710

Built around Clover, softened by Plum — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Clover (#00CC61): A luminous, vivid teal — the color of shallow lagoons.
• Plum (#7238A5): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#3A1D55): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1C0710): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, 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

• Lapis Villa color palette (#F6DCEB, #00C98D, #543BC6, #2A2559, #0D0928)
• Antique Clover color palette (#F2DCF2, #14CE34, #0056B8, #002B63, #190819)
• Faded Lime color palette (#FFDAD9, #7CC200, #A10071, #54043A, #220306)
• Worn Lime color palette (#FFF1F1, #9ACE57, #994976, #5A2444, #291313)
• Worn Mulberry color palette (#F6F3FF, #ACD454, #8F0F8F, #370037, #030003)
• Olive Station color palette (#F2DDDF, #4B8700, #4C0049, #10000F, #030100)
• Washed Lantern color palette (#FFF1F4, #B4DEB6, #907095, #5D464B, #33282A)
• Mustard Loft color palette (#FFF2EA, #CFC77C, #9F5F42, #48413C, #291F19)

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