Tempered Driftwood Villa color palette — #F7F0EC · #D7D8D0 · #A6B4AD · #A27863 · #3B3530

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#D7D8D0): bright and airy, almost weightless.
• Ash (#A6B4AD): a calm mid-gray that lets other colors speak.
• Mocha (#A27863): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#3B3530): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered Driftwood 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

• Olive Drift color palette (#F3F2EB, #D2DBD3, #ABC5BC, #767A40, #2F2C21)
• Softworn Lantern color palette (#FBF4EE, #DCDBD0, #A5B1AE, #AB7443, #58514C)
• Washed Basalt color palette (#EEEAE0, #B3B5A5, #819575, #4D4400, #100A00)
• Patina Oat color palette (#FFEDE9, #DEC7AB, #9E9E7E, #7F6068, #553E45)
• Lagoon Grove color palette (#F6F1E7, #C5C6A5, #59907B, #74595E, #31322B)
• Tempered Olive Lagoon color palette (#F9F0E5, #D79A8D, #7D7C3A, #474F77, #38291A)
• Washed Olive Balcony color palette (#E8DED5, #948D7C, #706F25, #421F00, #030100)
• Hushed Honey Basin color palette (#FBF0E2, #EFD4C8, #F7B867, #78B589, #2F2915)

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