Tempered Driftwood color palette — #F8F3F8 · #E2D8D8 · #A8B5C2 · #A87075 · #565156

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E2D8D8): bright and airy, almost weightless.
• Ash (#A8B5C2): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#A87075): A luminous, dusty red — the color of late-summer berries.
• Charcoal Brown (#565156): 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 Canyon color palette (#F1F7F2, #D1DFE0, #ADC6D0, #906E32, #424A43)
• Wandering Workshop color palette (#F6F3FF, #DDC6D8, #809A8A, #6B7288, #564E60)
• Softworn Boulevard color palette (#EBF9F0, #CF93AD, #996D3C, #345C85, #504250)
• Cocoa Study color palette (#E7DDE0, #ABBEB5, #739692, #613B00, #2B191F)
• Worn Summit color palette (#EAE1E9, #A7949B, #797147, #57000C, #0E060D)
• Pine Garden color palette (#F8F3FC, #C87DA0, #23835F, #40527D, #3E3957)
• Aged Fern color palette (#ECF9F2, #B9DBD5, #7EB1B8, #655C00, #25382E)
• Patina Bronze color palette (#FDECF5, #B16742, #284432, #30252B, #191316)

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