Misty Clover color palette — #FFD9E3 · #CB95E7 · #68BC62 · #00A284 · #40202A

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

The five colors

• Shell Pink (#FFD9E3): A whisper-light, dusty red — the color of late-summer berries.
• Mauve (#CB95E7): A luminous, balanced violet — the color of wild irises.
• Clover (#68BC62): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#00A284): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#40202A): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Hushed Orchard color palette (#FFDADD, #FF9BF1, #15C0BB, #27A873, #3D1F39)
• Gentle Clover Grove color palette (#F9DAEC, #C1C0FF, #7CBE63, #9A9400, #3F1E33)
• Blush Coast color palette (#FFDBD3, #FD8297, #35BCA8, #009CB1, #432017)
• Muted Amber color palette (#FFF1F4, #CA89DD, #C48902, #009094, #280F2F)
• Fuchsia Harbor color palette (#EFD6F2, #DC75EA, #009B91, #00844D, #1F0423)
• Linen Periwinkle color palette (#FFE4DF, #FFB5A9, #70B3FC, #00A6CA, #4D221B)
• Aqua Study color palette (#FFF2EF, #F4B3BC, #74CFD1, #68ADCC, #523C37)
• Taupe Corridor color palette (#F1E7D1, #C8C398, #AB9E69, #98704F, #2F312B)

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