Tempered Villa color palette — #EFF6FF · #D2DAFF · #AC99F2 · #8360B5 · #52375B
Amethyst and Wisteria set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Powder Blue (#D2DAFF): A whisper-light, dusty violet — the color of wild irises.
- Wisteria (#AC99F2): A luminous, balanced violet — the color of twilight just after sunset.
- Amethyst (#8360B5): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#52375B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered 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
- Hazy Indigo color palette (#EBF7FF, #B2DCFF, #6EA0EB, #5467C1, #403D66)
- Plum Meadow color palette (#F2F4FF, #E6CEFF, #C37FCD, #A04E91, #502A40)
- Washed Driftwood Field color palette (#F3F4FF, #F5D1E9, #D4A1DB, #A06494, #584767)
- Timeworn Aubergine color palette (#F4F4FF, #F0D2E6, #B28DD2, #6D4290, #260C33)
- Feathered Hollow color palette (#F3F4FF, #D9CBFF, #B0C671, #9473D8, #343D13)
- Timeworn Powder color palette (#F3F4FF, #E1D7E0, #A1AAEF, #ACB1A7, #47435C)
- Antique Grove color palette (#E4E4FF, #CAA9FF, #B733F9, #7E0080, #4D003E)
- Aubergine Ridge color palette (#E5EAFF, #7C6BE9, #6000AC, #3A004E, #050006)
Browse the whole catalog at Explore, or see today's palette.