Tempered Villa color palette — #F2F5FF · #ADCFA7 · #7168A3 · #423C61 · #1D2130
A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Pistachio (#ADCFA7): A luminous, dusty green — the color of fresh herbs.
- Slate (#7168A3): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#423C61): A deep, shadowed, dusty violet — the color of wild irises.
- Midnight (#1D2130): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.
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
- Worn Driftwood Boulevard color palette (#F5F4FF, #A7DDDE, #8D7295, #4D476A, #2B2A34)
- Hushed Corridor color palette (#FDF1FB, #92FED9, #6076A1, #472F44, #140C14)
- Lilac Boulevard color palette (#F3F4FF, #F1D18E, #A385C6, #5F607F, #20202B)
- Garnet Lagoon color palette (#F8F2FF, #88CF8B, #9C447C, #69014D, #1F1628)
- Aubergine Hollow color palette (#FDF1F5, #C8AA6B, #603E82, #42232F, #251716)
- Softworn Loft color palette (#F6F4FA, #E0D8DB, #D1BCBC, #AF7BA6, #494650)
- Violet Harbor color palette (#F3F4FC, #CCB9F2, #CC763C, #9260DC, #301D27)
- Aged Driftwood color palette (#E4FBF4, #B7A6E1, #BD6A73, #006E88, #3F3853)
Browse the whole catalog at Explore, or see today's palette.