Tempered Driftwood Villa color palette — #F9F3F7 · #CFD9DA · #9BA3AF · #A57469 · #565154

Mocha and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#CFD9DA): bright and airy, almost weightless.
• Blue Fog (#9BA3AF): a calm mid-gray that lets other colors speak.
• Mocha (#A57469): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#565154): a grounded near-black with real depth.

Feels like: 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

• Tempered Lagoon color palette (#FBF2F7, #E3D7D6, #AFB2BD, #B38FA5, #565154)
• Timeworn Bronze color palette (#F8F0EB, #DAD7CD, #A9B2A6, #AF724B, #3B3531)
• Dusty Driftwood color palette (#FAF2FF, #DCC2CD, #739789, #6A6B80, #54475B)
• Antique Courtyard color palette (#EBFAED, #D2949A, #907320, #455787, #54414D)
• Cypress Delta color palette (#F8F3FB, #C38297, #2D8167, #584A79, #3C3F5F)
• Tempered Coast color palette (#F7ECF2, #919E92, #537A6D, #4B1800, #0F060C)
• Aged Veranda color palette (#F4ECEF, #C3D0C9, #80AAA4, #7A4700, #362A2E)
• Timeworn Basalt Workshop color palette (#DFEAE5, #94B0AD, #568892, #3A3A00, #021910)

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