Tempered Villa color palette — #FEF2EF · #DFDBD0 · #C1C4AD · #AF5663 · #291A16

A conversation between Brick and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FEF2EF): a clean, paper-quiet neutral.
• Bone (#DFDBD0): a clean, paper-quiet neutral.
• Stone (#C1C4AD): A luminous, dusty green — the color of fresh herbs.
• Brick (#AF5663): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#291A16): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Terracotta color palette (#FEF2ED, #DCDACA, #C3BB9E, #914637, #170803)
• Hushed Bronze color palette (#FFF3E6, #DAE2CB, #B6CAB5, #B16C00, #32200C)
• Weathered Coral color palette (#F2ECF1, #DCCFD0, #D5B2AF, #DA6A6F, #362836)
• Antique Mulberry color palette (#F1EDF2, #D5C8CE, #8AAA92, #912842, #332A35)
• Obsidian Rust color palette (#FFDEC8, #C04E00, #312200, #112227, #090200)
• Lagoon Corridor color palette (#F9F7DD, #87CCAB, #008789, #6B405E, #001E12)
• Stone Market color palette (#FFF0F8, #EBB5A1, #8A8857, #46547C, #1D284C)
• Taupe Grove color palette (#FBF3EF, #DCDCD1, #A5B5BC, #C2917C, #453D38)

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