Driftwood Villa color palette — #F7F5EF · #D7DCD7 · #A1AEB4 · #888457 · #565249

Mocha and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Silver (#D7DCD7): bright and airy, almost weightless.
• Ash (#A1AEB4): a calm mid-gray that lets other colors speak.
• Mocha (#888457): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#565249): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Antique Lagoon color palette (#EDF4F0, #CFD9DB, #A7B0BA, #608E7A, #303934)
• Antique Bloom color palette (#EBEEE8, #B3BCB3, #7B958B, #005233, #1B230A)
• Washed Chestnut color palette (#FAF4EC, #C9C1A2, #678C6A, #875C1D, #5B4C00)
• Hushed Spruce Study color palette (#E9E6DB, #979C8B, #637761, #2A2E00, #0C0900)
• Weathered Courtyard color palette (#F6F6EC, #CEDFD4, #ABC4AE, #597600, #484100)
• Antique Fern color palette (#FFF2EC, #BAA672, #4B856C, #724870, #534800)
• Abyss Loft color palette (#DFE5DC, #9DAEA3, #907491, #004138, #0E1709)
• Tempered Boulevard color palette (#EEF9ED, #C1D9CE, #BD9AB7, #006865, #223A20)

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