Tempered Villa color palette — #F1F8E9 · #48C49A · #C38899 · #996B79 · #2E4600

Mint Leaf takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F8E9): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#48C49A): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#C38899): A luminous, dusty red — the color of a theater curtain.
• Mocha (#996B79): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#2E4600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Turquoise Field color palette (#ECF9ED, #00C2C9, #C58B7F, #9E6C62, #354136)
• Tempered Loft color palette (#F0F9E7, #55A283, #A26D7F, #7E4F60, #2F4500)
• Dusty Aqua color palette (#EDF9ED, #56C5C7, #A37DA7, #846139, #5E3900)
• Washed Lime color palette (#F8F6E7, #A1B657, #AA8FBF, #867096, #3E3D36)
• Hushed Driftwood Loft color palette (#EBF8F9, #96D2BD, #C89DCC, #B66869, #18373A)
• Misty Ember Lantern color palette (#E5FEDF, #00ACA0, #D4594E, #A1453C, #1D3118)
• Weathered Taupe color palette (#F1F7F1, #D1DEDD, #B8B4AA, #8CA28C, #4F544F)
• Washed Drift color palette (#F3F7EF, #92E5C5, #8F97CB, #559D82, #342A31)

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