Clover Drift color palette — #F9D2DD · #E1A8FF · #55BC4D · #904BB1 · #053303

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

The five colors

• Shell Pink (#F9D2DD): A whisper-light, dusty rose — the color of pressed rose petals.
• Lavender (#E1A8FF): A luminous, balanced violet — the color of wild irises.
• Clover (#55BC4D): A luminous, vivid green — the color of a quiet forest floor.
• Violet (#904BB1): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#053303): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Mallow Veranda color palette (#F5D4D9, #FD97FA, #03BE90, #9D479C, #003223)
• Pale Loft color palette (#F5D4E0, #D2B0FF, #AEA603, #8351BB, #2D2A00)
• Mint Coast color palette (#FFE8EB, #FEB6F9, #77C872, #A85EA4, #1E3E1C)
• Mulberry Boulevard color palette (#F5F3FF, #E399EA, #759C2C, #8A2893, #111C00)
• Frosted Field color palette (#F2D3EC, #8CABFF, #D1A51F, #4F6FD6, #342700)
• Blush Cabin color palette (#FFD2CB, #FF7EAB, #00B8B6, #C8557F, #00302F)
• Powdered Wisteria color palette (#DBDAFA, #BF6CF2, #0096AF, #8042A5, #002F38)
• Washed Market color palette (#EED8D8, #C3BF00, #A55D8B, #623953, #170506)

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