Misty Villa color palette — #F4F4FF · #C581EF · #70860A · #5220AC · #3A1E5E
Indigo and Wisteria set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Wisteria (#C581EF): A luminous, vivid violet — the color of twilight just after sunset.
- Olive Leaf (#70860A): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#5220AC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Royal Purple (#3A1E5E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Misty Villa 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
- Misty Peony Alley color palette (#F9F2FF, #FA62B7, #0A943A, #562C99, #36215E)
- Gentle Corridor color palette (#F2F5FF, #A183FB, #8F7500, #00559F, #00305E)
- Powdered Villa color palette (#F6F3FF, #E171DD, #008826, #005A8B, #003452)
- Worn Courtyard color palette (#E7DCF3, #CA559B, #00764A, #3E2B92, #1D1449)
- Linen Grove color palette (#FFF1F0, #FE7ABB, #808500, #00587A, #2D0056)
- Aged Amber Corridor color palette (#EEEBFF, #DFABB0, #B78723, #736A9D, #4C3E6D)
- Feathered Pine color palette (#FAF2FA, #97ECEC, #00ABD6, #008935, #1E4167)
- Coral Meadow color palette (#FFF0FB, #FF5D49, #008794, #762A98, #46145C)
Browse the whole catalog at Explore, or see today's palette.