Driftwood Villa color palette — #F1F7F3 · #D3DCDD · #A9AAB8 · #908154 · #4C554F

A conversation between Mocha and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Ash (#A9AAB8): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#908154): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4C554F): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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 Pier color palette (#F9F5ED, #D8DDD3, #A5B7B2, #857B9A, #55524D)
• Patina Driftwood color palette (#F4F2EB, #D5D8D0, #A5B7AD, #8B8459, #39362F)
• Muted Corridor color palette (#FFF1F6, #8DB295, #598455, #6F4876, #364E42)
• Softworn Forest color palette (#E4ECEB, #AEBCBE, #78939D, #00541B, #042523)
• Worn Alley color palette (#D6E2DB, #8C9E9A, #517979, #312C00, #000D06)
• Mulberry Study color palette (#EEF8EF, #B2925E, #2E7C8A, #763D61, #5F3245)
• Patina Cypress color palette (#E9F9FB, #C2D6DF, #87ABC8, #00695C, #0E393F)
• Antique Atelier color palette (#ECF9F3, #D2D8CA, #C3C87B, #33AF91, #30524A)

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