Weathered Driftwood color palette — #F9EFEF · #DBD5D0 · #AFB0A3 · #9F7774 · #3E3332

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

The five colors

• Cream (#F9EFEF): bright and airy, almost weightless.
• Silver (#DBD5D0): bright and airy, almost weightless.
• Ash (#AFB0A3): soft and architectural.
• Mocha (#9F7774): A luminous, dusty orange — the color of autumn markets.
• Espresso (#3E3332): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Driftwood color palette (#F7F4FA, #E0D8DA, #B1ACA1, #A66D8D, #545158)
• Bronze Harbor color palette (#FAF0E2, #D09AAA, #9D6A59, #2A5D4C, #3A2621)
• Wandering Cocoa color palette (#ECDFD7, #BFB0A2, #988C77, #6F2D00, #160600)
• Ancient Chapel color palette (#FBEFEB, #DFD5C5, #D0BBAA, #9F4E58, #341F19)
• Aged Driftwood color palette (#F5F2E6, #C5C6AA, #668E70, #77585B, #31322B)
• Washed Onyx Thicket color palette (#EFE0DD, #988A84, #955A32, #520024, #050000)
• Worn Chestnut Market color palette (#FAF0E3, #DAD3C4, #B1AC8E, #775400, #231807)
• Antique Pier color palette (#FDE9E2, #B7696A, #5D2C00, #281B16, #120A09)

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