Tempered Villa color palette — #F3EFFF · #BD86B6 · #5F5366 · #393543 · #212128

Built around Dusty Rose, softened by Charcoal Brown — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F3EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#BD86B6): A luminous, balanced pink — the color of neon signs at night.
• Charcoal Brown (#5F5366): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#393543): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#212128): 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

• Muted Mallow color palette (#FFF1F3, #DB90D2, #684D4A, #372628, #140D0F)
• Hushed Mallow color palette (#FFEDEF, #DF9CDC, #8F756D, #605052, #261F23)
• Driftwood Workshop color palette (#F3EFFE, #9C679A, #463647, #2A2537, #18151B)
• Ember Chapel color palette (#F3DDEC, #D76C4C, #60444F, #372932, #1C161C)
• Dusty Stone color palette (#FEF0FF, #E19BA2, #90B07A, #7595BB, #4C3C4D)
• Peony Loft color palette (#E7DCEE, #E03891, #663437, #2D2134, #140E1D)
• Wandering Garden color palette (#F4F4FF, #DDCFE9, #B5A3B4, #6C8C86, #375255)
• Patina Dune color palette (#FCF0FF, #ECB2BD, #7CC1B4, #B97684, #2C545B)

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