Tempered Villa color palette — #FBF5E6 · #B3A780 · #7B7346 · #634F0E · #3F3D36

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B3A780): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7B7346): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#634F0E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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

• Frosted Boulevard color palette (#FDECD1, #B09C57, #856300, #644100, #3D3600)
• Patina Bronze color palette (#FFF3E7, #CAB49A, #A7743E, #7D5236, #614000)
• Driftwood Veranda color palette (#E6FBEE, #B8C497, #9E9049, #81633D, #2A433F)
• Hazy Corridor color palette (#F5D8C2, #BF7C40, #8E4200, #682200, #3C2200)
• Pale Fern Archive color palette (#EBF9F1, #308EA8, #797423, #246300, #1C3A2B)
• Twilit Chestnut Market color palette (#F2E6D7, #715412, #3D2600, #1C0C00, #050300)
• Mulberry Loft color palette (#FFE5FA, #D398BC, #A55A7A, #901545, #730724)
• Timeworn Denim color palette (#FEF1F8, #D89C9F, #4E4784, #2C284C, #2C1C25)

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