Driftwood Villa color palette — #F8F3F9 · #E0D8D9 · #A6B3BE · #A96E7D · #565058

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

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E0D8D9): a clean, paper-quiet neutral.
• Ash (#A6B3BE): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#A96E7D): A luminous, dusty red — the color of a theater curtain.
• Charcoal Brown (#565058): quiet, heavy and certain.

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

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

• Driftwood Boulevard color palette (#F8F0EE, #DBD6CF, #AEB3A4, #A1776D, #3B3433)
• Antique Coast color palette (#F4F4FF, #D7C8D7, #889B85, #6A7188, #4D5366)
• Aged Hollow color palette (#EAFAF2, #C796B8, #9E6945, #275F83, #524156)
• Softworn Brick color palette (#FBF2FA, #E8D4D2, #A2C6B2, #BD2B2E, #4A3948)
• Wandering Thicket color palette (#E8E1E9, #A5959C, #5C7964, #560019, #100412)
• Softworn Balcony color palette (#F3ECEF, #AEBDB3, #6D988F, #683500, #2C1821)
• Chestnut Balcony color palette (#EDF9F0, #C0D9D2, #7AB2B5, #6F5700, #213929)
• Tempered Harbor color palette (#FEF0FB, #ECD3DF, #FFB4B1, #ADA64C, #563A46)

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