Violet Villa color palette — #FFF1F4 · #F1D3D4 · #FD9195 · #8452CA · #58354E

Amethyst and Rose Quartz set the tone — five colors that lean into balance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#F1D3D4): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#FD9195): A luminous, balanced red — the color of a theater curtain.
• Amethyst (#8452CA): A full-bodied, vivid violet — the color of wild irises.
• Charcoal (#58354E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged pastel, light.

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

• Powdered Coast color palette (#FFF0F7, #EFD3E1, #F88DC3, #4C68C0, #4B385C)
• Muted Pewter color palette (#FFF1F1, #FFD2D9, #EEA283, #82558D, #58312E)
• Wandering Iris Study color palette (#F3F4FF, #EFD7D6, #FFAF87, #6F8FDD, #463B59)
• Apricot Loft color palette (#FFECF2, #F9CCCD, #F29D5A, #5C75BC, #371A37)
• Aubergine Cabin color palette (#FFEAE8, #E2AEAB, #C9773C, #740077, #450E1F)
• Pale Mulberry color palette (#FFEEE7, #F2BB99, #D1A100, #AB0053, #68240D)
• Wandering Field color palette (#FFF2EB, #DFDCCC, #C1C9A5, #A67273, #794312)
• Frosted Garnet Market color palette (#F2E0DB, #C8907D, #AF6E00, #7A0049, #390700)

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