Tempered Villa color palette — #F8EEF8 · #EC9EA3 · #8B747F · #5F4E5F · #232027

Rose Quartz takes the lead with Driftwood close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F8EEF8): a clean, paper-quiet neutral.
• Rose Quartz (#EC9EA3): A luminous, balanced red — the color of embers at dusk.
• Driftwood (#8B747F): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal Brown (#5F4E5F): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#232027): a grounded near-black with real depth.

Feels like: 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

• Hushed Blush color palette (#FDF1FC, #F38C8F, #624D5D, #322732, #110E12)
• Washed Courtyard color palette (#DBE9DD, #CBA358, #5A776D, #3D4F3F, #1D1619)
• Misty Tangerine color palette (#F7D9ED, #FF6D3F, #835F2C, #613325, #180D1A)
• Hushed Harbor color palette (#FFF1F6, #ECBC94, #85C7EB, #979FDD, #513B44)
• Antique Orchard color palette (#F5F3FF, #EDD2DD, #D2B1C1, #84A3B6, #425068)
• Aged Amber color palette (#FDF0FF, #FFC3B9, #E7A084, #C08345, #375439)
• Rose Bloom color palette (#FEE8E1, #CF5463, #5A2E00, #261B18, #110A0A)
• Washed Ember color palette (#FFE4F2, #DB6400, #635129, #492510, #090208)

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