Tempered Driftwood color palette — #F8EFEE · #DAD6D0 · #ABAFA6 · #A3747E · #3B3433

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

The five colors

• Cream (#F8EFEE): bright and airy, almost weightless.
• Silver (#DAD6D0): bright and airy, almost weightless.
• Ash (#ABAFA6): soft and architectural.
• Mocha (#A3747E): A luminous, dusty red — the color of embers at dusk.
• Espresso (#3B3433): a grounded near-black with real depth.

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

• Hushed Bronze color palette (#F6F1EB, #D6D8D1, #B6C0B1, #946C3D, #312B24)
• Ancient Chapel color palette (#FFEDEC, #DBBCAD, #9B8E7B, #705C6F, #483946)
• Antique Taupe Harbor color palette (#F8F1E1, #D099AC, #956F56, #2C586E, #3D251E)
• Washed Canyon color palette (#ECE5E0, #BCB2A1, #928E78, #663500, #120802)
• Tempered Taupe color palette (#FBEFEA, #C98983, #4A7E69, #005855, #391C2E)
• Weathered Onyx Drift color palette (#F4E7E4, #9B897F, #8D6124, #540018, #040000)
• Hushed Taupe color palette (#FDEFE8, #F7CBC1, #EEB287, #C1A060, #3B2313)
• Muted Ridge color palette (#F8F1E3, #D8D5BD, #A8B090, #6F5800, #221804)

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