Tempered Villa color palette — #EFF1FF · #C0A8ED · #7D7790 · #515367 · #1F2228

Lavender takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Lavender (#C0A8ED): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#7D7790): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#515367): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#1F2228): quiet, heavy and certain.

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

• Ancient Thicket color palette (#EFF1FB, #A28ED0, #5C5465, #353746, #1E2228)
• Worn Blush Orchard color palette (#EBE1ED, #EB889E, #7E6879, #534357, #1B161F)
• Fuchsia Workshop color palette (#EFECFF, #D86FE9, #83586E, #513655, #0F101E)
• Dusty Bloom color palette (#F3F4FF, #E9CBF9, #D39ED1, #BC7BA7, #5B4667)
• Hushed Field color palette (#EDE5FE, #C460B5, #5F4A69, #43223E, #04030D)
• Violet Pier color palette (#FDE6EF, #9269D0, #4A3539, #261A1F, #0F0B0E)
• Washed Station color palette (#F0F7F4, #C1E7DF, #8EC1BE, #859CB7, #35544E)
• Ancient Summit color palette (#F8F2FF, #F0B1D7, #C9C078, #61BCDB, #483D54)

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