Tempered Villa color palette — #FEF2F0 · #DD9BB2 · #A08A4A · #007A70 · #56374C

Teal takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Ballet Pink (#DD9BB2): A luminous, balanced rose — the color of pressed rose petals.
• Caramel (#A08A4A): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007A70): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#56374C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Cypress Drift color palette (#FEF2F2, #D29FC1, #AB8457, #2E7955, #174D42)
• Aged Petrol Harbor color palette (#FDF3ED, #D8A38C, #72986B, #10719E, #583453)
• Timeworn Abyss color palette (#FFF2F0, #E2C8BB, #BFAC9A, #79886F, #395746)
• Wandering Coral color palette (#FFF2EE, #EBB3AB, #D78A6E, #A3613B, #534D48)
• Patina Mallow Coast color palette (#F7F3FF, #F8A9E6, #84B88D, #539397, #254853)
• Washed Coral Hollow color palette (#FFF2ED, #F4666F, #797E00, #00616A, #3D106D)
• Worn Olive Station color palette (#FEF1F6, #9E8DC6, #7B7320, #2B5879, #214B40)
• Lagoon Meadow color palette (#F8F5EF, #CDE5E3, #83B9DB, #2D9799, #5D4C5F)

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