Tempered Villa color palette — #FFF2EB · #D0B9A3 · #BA7E69 · #91555A · #413C36

A conversation between Caramel and Pewter, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Stone (#D0B9A3): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#BA7E69): A luminous, balanced orange — the color of toasted spice.
• Pewter (#91555A): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Terrace color palette (#F8E3D5, #CAA781, #AC6F51, #864545, #33302A)
• Antique Basalt color palette (#FBF4E7, #C8BE97, #9F8E5A, #866039, #414000)
• Timeworn Brick Ridge color palette (#F1EAFF, #DFB2D7, #C87797, #AC3134, #642F00)
• Bronze Bloom color palette (#FFF2F0, #D381A2, #A95F28, #00735D, #3B2431)
• Airy Lantern color palette (#FBE1CF, #AE8351, #94481A, #770016, #1D1500)
• Aged Violet color palette (#FCF2F6, #C7BBF0, #CB7831, #8967D8, #302012)
• Pewter Pier color palette (#FDF1F7, #B5CE9D, #6F6A9C, #413B67, #2D1B25)
• Linen Coast color palette (#E9E2CF, #91A872, #7C7500, #664600, #002D0E)

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