Tempered Villa color palette — #FCF3F0 · #EFACAF · #A96C4C · #96595E · #352C25
Built around Mocha, softened by Pewter — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FCF3F0): a clean, paper-quiet neutral.
- Rose Quartz (#EFACAF): A luminous, dusty red — the color of embers at dusk.
- Mocha (#A96C4C): A full-bodied, balanced orange — the color of toasted spice.
- Pewter (#96595E): A full-bodied, balanced red — the color of late-summer berries.
- Espresso (#352C25): a grounded near-black with real depth.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged duotone, muted, 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
- Pewter Studio color palette (#F8EFEE, #EAB2BD, #A17A52, #9E5A6A, #1E1307)
- Dusty Bloom color palette (#FAF4ED, #E5B687, #7D8342, #8E6332, #2F2E27)
- Driftwood Chapel color palette (#F8F3F9, #FEBCCA, #B5975E, #BB7485, #263128)
- Weathered Stone color palette (#FFF2EB, #EDAB8C, #B07B52, #755329, #484700)
- Dusty Bronze Corridor color palette (#EDE1D2, #A06A00, #3B4400, #462B00, #040300)
- Softworn Workshop color palette (#FCF3EF, #DED9D0, #A5B0A7, #B16F4F, #59504C)
- Tempered Alley color palette (#FEF2F0, #BB6B8A, #8A632A, #494D75, #3F2D31)
- Amber Basin color palette (#FDF3EC, #CB8555, #79723D, #395D41, #593934)
Browse the whole catalog at Explore, or see today's palette.