Tempered Driftwood color palette — #F7F4F9 · #DFD8DA · #B1ABA1 · #A66F86 · #555059

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

The five colors

• Ivory (#F7F4F9): a clean, paper-quiet neutral.
• Silver (#DFD8DA): bright and airy, almost weightless.
• Ash (#B1ABA1): a calm mid-gray that lets other colors speak.
• Mocha (#A66F86): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#555059): 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

• Muted Villa color palette (#F8F0EE, #DCD5CF, #B5B4A1, #A27670, #3B3433)
• Patina Denim Dune color palette (#EAFAF0, #C299B5, #9B695A, #00637E, #504156)
• Wandering Garnet Grove color palette (#E4DDE6, #A1969E, #816972, #540024, #100414)
• Timeworn Workshop color palette (#F8F2FF, #CEC0CC, #7E957C, #5A6F81, #4C4A5D)
• Worn Plum Lantern color palette (#F9F3F9, #E8D4D5, #B0C2AF, #BF1F44, #493A49)
• Patina Shell color palette (#FCF1FD, #F0D3DC, #FFA4A4, #BF934C, #573F51)
• Tempered Cocoa color palette (#EBE0E6, #AFBDB0, #769787, #702E00, #2B1923)
• Terracotta Dune color palette (#F4EBF3, #D5C8CE, #8FA893, #902E2C, #372835)

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