Tempered Villa color palette — #F5E0F5 · #9B5273 · #6F3F37 · #183514 · #00241E

Magenta Rose takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F5E0F5): A whisper-light, dusty pink — the color of peonies in June.
• Magenta Rose (#9B5273): A full-bodied, balanced rose — the color of a warm blush.
• Cocoa (#6F3F37): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Forest (#183514): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#00241E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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 Ridge color palette (#F2D6DE, #875250, #5B391E, #00271E, #01101B)
• Washed Pewter color palette (#E0E3F1, #7B5D9C, #653A57, #382C00, #101D00)
• Driftwood Grove color palette (#D2E5FF, #9B77AB, #895152, #004451, #00252D)
• Timeworn Villa color palette (#E2EBFF, #52638F, #632F5C, #002C28, #000A23)
• Weathered Summit color palette (#EDDBEF, #BD7F9B, #B26054, #2A5E1B, #00261F)
• Mulberry Pier color palette (#F2DBF5, #AB1A47, #005852, #58001F, #001312)
• Fern Lagoon color palette (#FFEBE5, #AE824F, #675F11, #003A48, #00254B)
• Pale Veranda color palette (#F6DEEE, #B7237D, #730037, #40000F, #180800)

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