Tempered Villa color palette — #F4F3E3 · #C39CC5 · #9D6A58 · #335C46 · #3C2524
A conversation between Mauve and Mocha, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Mauve (#C39CC5): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#9D6A58): A full-bodied, dusty orange — the color of autumn markets.
- Pine (#335C46): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#3C2524): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Denim Study color palette (#FAF1DE, #CE9AAD, #937148, #335479, #3D251C)
- Patina Archive color palette (#FEF4E3, #CA97A6, #A06652, #006951, #58423B)
- Taupe Grove color palette (#FEEEEA, #C98693, #3B7F78, #005953, #022F22)
- Antique Veranda color palette (#E9FAF2, #CCB2DC, #BC8179, #327799, #4C4357)
- Pewter Grove color palette (#FFECF2, #E0C8C2, #A7998B, #716172, #443745)
- Driftwood Market color palette (#F6F1E7, #C4C6AA, #708E4F, #735960, #31322B)
- Patina Orchard color palette (#F9F5C2, #CC6AA7, #904E00, #00416A, #350B14)
- Timeworn Rust color palette (#F9EAE4, #BD6567, #553200, #261B18, #120A0A)
Browse the whole catalog at Explore, or see today's palette.