Tempered Driftwood color palette — #F8F0EC · #D9D6CF · #AAAFA5 · #A57666 · #3D342F

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#D9D6CF): a clean, paper-quiet neutral.
• Ash (#AAAFA5): soft and architectural.
• Mocha (#A57666): A luminous, dusty orange — the color of toasted spice.
• Espresso (#3D342F): 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

• Timeworn Meadow color palette (#F4F2EA, #D4D8D0, #B7BEB4, #7C773F, #302C21)
• Dusty Driftwood color palette (#F9F3F7, #E0D8D7, #A8B0B8, #A57469, #585055)
• Timeworn Basalt Market color palette (#E3DFD5, #B9B3A1, #948E70, #514300, #100900)
• Dusty Oat color palette (#FAF0E7, #E4D6C5, #DAC688, #B2935D, #35302A)
• Wandering Drift color palette (#FFEFDA, #CABFA7, #98947E, #5F6E57, #2F4231)
• Taupe Study color palette (#FDF0DE, #D29F79, #8E7446, #375C41, #37291A)
• Bronze Courtyard color palette (#EADED5, #998B7D, #8C6123, #451D00, #030100)
• Antique Taupe Archive color palette (#FAEFE8, #C98C6A, #787345, #5C3F65, #3D1D15)

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