Tempered Driftwood color palette — #F8F0ED · #DAD5CF · #AEAFA3 · #9F786C · #3C3431

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

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Silver (#DAD5CF): bright and airy, almost weightless.
• Ash (#AEAFA3): soft and architectural.
• Mocha (#9F786C): A luminous, dusty orange — the color of autumn markets.
• Espresso (#3C3431): quiet, heavy and certain.

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

Use it as a design system

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

• Patina Driftwood color palette (#F8F3F9, #E0D8D8, #AFACA2, #AD6D77, #584F59)
• Patina Hollow color palette (#E5DFD8, #BDB1A0, #9A8C6E, #5E3B00, #130800)
• Fern Basin color palette (#FFEFE0, #DBCBB7, #9E9582, #586C29, #374031)
• Tempered Bronze Alley color palette (#FDEFDF, #D19E8E, #986E4C, #455A32, #3A271A)
• Weathered Driftwood color palette (#F1F3E7, #C0C7AC, #748D4C, #85551B, #30322B)
• Softworn Boulevard color palette (#FCEFE9, #CD8681, #886C43, #4C466D, #3B1A2F)
• Patina Garnet Summit color palette (#F3E8E3, #998A81, #945C2F, #550105, #040000)
• Fern Quarry color palette (#F5F2E8, #DAD4BB, #B1AD85, #655D00, #211901)

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