Tempered Villa color palette — #EFF1FF · #C9A0FF · #7F778B · #53545F · #1F2227

Lavender and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Lavender (#C9A0FF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#7F778B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#53545F): a grounded near-black with real depth.
• Onyx (#1F2227): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Weathered Lagoon color palette (#F7EDFF, #FF8AC3, #897485, #58525C, #222127)
• Muted Lilac Cabin color palette (#FFECF2, #AE86D9, #675156, #413338, #252022)
• Faded Basin color palette (#E7E3F8, #F244FF, #8B5564, #433E54, #0F101D)
• Tempered Mallow color palette (#F3F4FF, #E6C0FF, #DA99CC, #B38296, #604A61)
• Timeworn Stone color palette (#F0F5FF, #DAD9F4, #CBB6D2, #84A1A2, #3D5557)
• Worn Quarry color palette (#E2DCEE, #E900CA, #634966, #332B41, #04040A)
• Bone Drift color palette (#EEF8F2, #CFE7B9, #93C3A4, #9698B1, #40514D)
• Patina Mallow Study color palette (#F7F3FF, #F2AEE0, #8ED09C, #7FBCB6, #453F4E)

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