Clover Drift color palette — #E8DFFE · #D595CF · #66BC65 · #00A286 · #3E1D3B

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

The five colors

• Thistle (#E8DFFE): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D595CF): A luminous, balanced pink — the color of peonies in June.
• Clover (#66BC65): A luminous, balanced green — the color of fresh herbs.
• Fern (#00A286): A luminous, balanced teal — the color of glacier melt.
• Deep Indigo (#3E1D3B): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Pale Teal Market color palette (#EFDDF6, #E98FAB, #00BFA5, #009CAF, #451B2A)
• Aged Veranda color palette (#E2E1FF, #E3B0FF, #2CC77A, #7A9F00, #372043)
• Quiet Cobalt Veranda color palette (#F6EAF7, #EA8E95, #9DA943, #2888D2, #321E33)
• Fuchsia Harbor color palette (#F6F3FF, #DD7BDD, #BA8F00, #008E9D, #1E1531)
• Worn Amber color palette (#FFDADF, #B97DB8, #AB8300, #008794, #411F26)
• Linen Tangerine color palette (#F2D9D1, #FF754A, #00B87C, #00979E, #440F00)
• Tempered Turquoise Quarry color palette (#FFF0FB, #F5B5A6, #81CEC8, #5CB1CB, #4E3C49)
• Dusty Peony color palette (#ECDBDF, #E15085, #599700, #007E59, #280010)

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