Driftwood Villa color palette — #FEF2F2 · #E3CEAD · #9B7170 · #604545 · #342828

A conversation between Mocha and Wheat, giving this palette its sense of sophistication.

The five colors

• Ivory (#FEF2F2): bright and airy, almost weightless.
• Wheat (#E3CEAD): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9B7170): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#604545): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#342828): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Muted Cocoa Basin color palette (#FFF2E9, #DCC187, #966446, #643400, #2C1E14)
• Hushed Driftwood color palette (#F7F3FA, #BBE9F4, #A87390, #4E3F5B, #1E1923)
• Softworn Loft color palette (#FCF3F1, #F5C1CF, #B69660, #B7768A, #312D27)
• Pewter Grove color palette (#FFF1F3, #BAC6A0, #715171, #502C33, #2E2320)
• Wandering Ash color palette (#F6F3FE, #B4EAE8, #BB8BBA, #6F6882, #2C2A32)
• Antique Mustard color palette (#FFF2EF, #E3B340, #A6425A, #5B2733, #29140F)
• Washed Taupe color palette (#FCF3F0, #DDD9D2, #ADB1A9, #B89183, #5B504B)
• Wandering Bronze color palette (#FFF2EE, #F8BFB4, #CC9570, #93682B, #5A4700)

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