Tempered Driftwood color palette — #F8EFF0 · #DCD5D1 · #B3B0A2 · #977696 · #3D3335

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

The five colors

• Cream (#F8EFF0): bright and airy, almost weightless.
• Silver (#DCD5D1): bright and airy, almost weightless.
• Ash (#B3B0A2): a calm mid-gray that lets other colors speak.
• Heather (#977696): A luminous, dusty pink — the color of neon signs at night.
• Espresso (#3D3335): 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

• Aged Driftwood Workshop color palette (#F5F4FB, #DFD8DB, #B2AAA1, #9971A0, #525158)
• Plum Summit color palette (#F9EFEF, #E4D4C6, #D5B8AB, #A04677, #31201F)
• Muted Fern Lantern color palette (#FAF0E1, #CC98C1, #9B696D, #515708, #3B2525)
• Wandering Lantern color palette (#FFEDEC, #D9B9B2, #AA917F, #586B28, #324633)
• Garnet Pier color palette (#ECE4E1, #C0AFA5, #9A8A7B, #752226, #170502)
• Tempered Summit color palette (#F7F1E6, #CBC3A7, #8C853D, #745961, #33312A)
• Timeworn Onyx Coast color palette (#E6DBDC, #9E8784, #7B655E, #4C003E, #050000)
• Driftwood Summit color palette (#FAE9E7, #B06A85, #483731, #281A19, #110A0B)

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