Tempered Villa color palette — #F0F5FF · #A5AEDC · #B27A88 · #1C7B57 · #393F64

Teal takes the lead with Dusty Rose close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Mauve (#A5AEDC): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#B27A88): A luminous, dusty red — the color of a theater curtain.
• Teal (#1C7B57): A full-bodied, balanced teal — the color of sea glass.
• Navy (#393F64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication. Tagged muted, cool.

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 Cypress color palette (#EAF8FF, #76BDD2, #B77A6C, #007976, #174A55)
• Washed Petrol Basin color palette (#F7F3FD, #D39FBC, #B87972, #007686, #4A3A5A)
• Aged Cerulean Coast color palette (#EDF6FF, #D4D4EE, #B29EB4, #5F849C, #3F515C)
• Antique Lilac Balcony color palette (#FDF2F4, #B682BC, #9D5E38, #3A5E2F, #2A4A3C)
• Washed Mallow color palette (#FDF1F7, #CEC1FF, #A99A5C, #3D7769, #2D3E21)
• Hushed Mallow Terrace color palette (#F5F3FF, #EAAEF1, #D59A76, #6E926A, #26465B)
• Ancient Terrace color palette (#F3F0FA, #C085B3, #615360, #3A3544, #202127)
• Bronze Villa color palette (#F1F0FD, #AE82C0, #A55D1C, #005970, #3D194A)

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