Misty Clover color palette — #FBEBE9 · #FF7269 · #0EBB3F · #5583FF · #4A0306

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

The five colors

• Cream (#FBEBE9): bright and airy, almost weightless.
• Watermelon (#FF7269): A luminous, vivid orange — the color of sun-warmed clay.
• Clover (#0EBB3F): A luminous, vivid green — the color of fresh herbs.
• Periwinkle (#5583FF): A luminous, vivid violet — the color of a velvet chair.
• Espresso (#4A0306): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

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

• Blush Coast color palette (#FBD5DB, #FF6B8F, #7AAF00, #0091EF, #47031B)
• Feathered Violet color palette (#F5E2DA, #FF7734, #00B782, #8273FF, #401400)
• Ancient Corridor color palette (#F9EDE0, #D98B00, #00ABA5, #A663D3, #2F1A00)
• Ember Dune color palette (#FFF2EF, #FE5C3A, #009DA1, #008386, #290300)
• Worn Indigo Hollow color palette (#FFDEBC, #E79212, #00A8C7, #6B54EF, #2F1A00)
• Airy Fuchsia Dune color palette (#FBE9F5, #F860D4, #B39B00, #009DBB, #410535)
• Hushed Rose Quarry color palette (#FFD6D1, #FC2D37, #00919F, #2A6F96, #4B0005)
• Hushed Boulevard color palette (#FFF0FA, #F6B5A2, #8DCFA7, #A1AAE3, #503B49)

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