Tempered Driftwood color palette — #F9EFF0 · #DFD6CE · #AEB1A4 · #9E767C · #3B3435

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F9EFF0): a clean, paper-quiet neutral.
• Bone (#DFD6CE): a clean, paper-quiet neutral.
• Ash (#AEB1A4): a calm mid-gray that lets other colors speak.
• Mocha (#9E767C): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#3B3435): 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

• Antique Driftwood Drift color palette (#FCF3F3, #E0D8D3, #AAAEA3, #9C738E, #585051)
• Wandering Field color palette (#FFECF0, #E6BFB7, #A49784, #617366, #36433A)
• Mulberry Courtyard color palette (#FDEEED, #E6D5C0, #D3BAA2, #984F75, #2F2120)
• Tempered Garnet color palette (#EEDED8, #C1B0A0, #968D78, #712828, #130804)
• Dusty Bloom color palette (#F1F4E0, #C198DC, #9F6861, #3D5B3F, #3B2526)
• Onyx Quarry color palette (#E9DFDF, #A3867C, #925D2C, #4B033C, #050000)
• Ancient Chestnut Lagoon color palette (#FCEFE5, #E2D2B3, #AFAE86, #8B4500, #281504)
• Antique Blush color palette (#FDEDEE, #C882B0, #448063, #12584E, #122E17)

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