Tempered Driftwood color palette — #F8F3F9 · #E2D8D8 · #A7B4BD · #A2737D · #565057

A conversation between Mocha and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E2D8D8): bright and airy, almost weightless.
• Ash (#A7B4BD): a calm mid-gray that lets other colors speak.
• Mocha (#A2737D): A luminous, dusty red — the color of a theater curtain.
• Charcoal Brown (#565057): 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 Driftwood color palette (#F7F0EE, #DAD6D0, #ACB0A5, #A47479, #3F3330)
• Softworn Pewter color palette (#F4F4FF, #C5B8CB, #859786, #6A6E87, #544B5D)
• Patina Canyon color palette (#E6FBF0, #C598B4, #996B4A, #325E7E, #524155)
• Patina Drift color palette (#E9DEE2, #AEBDB4, #73978F, #673600, #2C1821)
• Timeworn Veranda color palette (#FCF1FA, #C0877E, #357D82, #005F65, #2B4460)
• Timeworn Delta color palette (#E4DCE4, #A6949D, #5B7964, #560018, #0E060F)
• Muted Oat Loft color palette (#FFF0FC, #FFCFDF, #F2BA92, #ABA56A, #5C3F4E)
• Chestnut Lagoon color palette (#EFF8F2, #C3D8D2, #80B1B4, #6D5800, #1E3A29)

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