Tempered Villa color palette — #F4F4FF · #D8CEED · #C2B1CF · #A18592 · #3F563E

Built around Charcoal Brown, softened by Mauve — the whole palette hums with sophistication.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lilac Frost (#D8CEED): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C2B1CF): A luminous, dusty violet — the color of a velvet chair.
• Heather (#A18592): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#3F563E): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Patina Driftwood color palette (#FFE9E8, #E9C0DA, #C79BAE, #869357, #365132)
• Aged Coast color palette (#FFECEF, #CFB0B1, #A77181, #825218, #3C3731)
• Worn Coast color palette (#E9F9F5, #B1E0DA, #7FB8B6, #7396A5, #2A4945)
• Linen Mallow color palette (#F6DDEE, #EE9DC1, #D47F8C, #9A6E27, #4D3F00)
• Pale Hollow color palette (#E2E0FF, #E3B0EE, #CE8BC9, #B170A3, #4C3C5E)
• Wisteria Loft color palette (#F7F3FF, #F8B2E4, #E5B46D, #CB83B7, #563D17)
• Wandering Lagoon color palette (#F1E0E4, #AF7678, #8D523E, #524A1A, #121900)
• Olive Alley color palette (#EDDBD9, #E3A590, #BE9373, #6D7B40, #203C1D)

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