Violet Villa color palette — #FFF1F7 · #DAD3FF · #B89EEE · #8C6BC1 · #302457
Amethyst and Mauve set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Thistle (#DAD3FF): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#B89EEE): A luminous, balanced violet — the color of twilight just after sunset.
- Amethyst (#8C6BC1): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#302457): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged monochrome.
Use it as a design system
One click turns Violet 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
- Quiet Peony color palette (#FFF1F2, #F2C6F5, #D998DC, #B060AC, #44183E)
- Cornflower Loft color palette (#FFF0FE, #CCDAFF, #80AEF6, #5E7AD6, #182F5E)
- Sunlit Nightshade Basin color palette (#F2F4FF, #CFC1F6, #9B87D5, #6348A2, #352357)
- Powdered Indigo Terrace color palette (#EEF1FF, #C0B0FF, #7768B2, #4B346B, #190A2D)
- Hushed Ash color palette (#FDF2F4, #C6DFAF, #A885B8, #735681, #2B1D21)
- Arcade Corridor color palette (#F5DCFF, #E6A2FF, #D35AFF, #A200B9, #34003B)
- Softworn Byzantium Cabin color palette (#F6E9FF, #BD82E5, #9E3CDF, #6300A9, #030009)
- Timeworn Veranda color palette (#FEF2F3, #F3C3F0, #EF9457, #DC73DA, #331F0E)
Browse the whole catalog at Explore, or see today's palette.