Tempered Driftwood color palette — #FAF4F0 · #DBDCD3 · #9DB1B0 · #A4765F · #58514C

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Bone (#DBDCD3): a clean, paper-quiet neutral.
• Ash (#9DB1B0): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A4765F): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#58514C): a grounded near-black with real depth.

Feels like: Optimism, 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

• Washed Olive Coast color palette (#F7F5EF, #D5DFD6, #B3C6BF, #737A3A, #4B483C)
• Dusty Driftwood Study color palette (#F8EFF3, #CAD6D8, #959DA6, #9B7687, #3A3437)
• Softworn Stone color palette (#FFF2EE, #CFBAA3, #91947C, #7E656C, #5E4641)
• Basalt Dune color palette (#EEE9DE, #B9BBA9, #819576, #4D4500, #241F11)
• Honey Coast color palette (#FEF3E7, #DCD5CB, #FFC577, #6CA272, #4E4B44)
• Olive Thicket color palette (#FFF3E5, #D3968B, #7E7A33, #4F5582, #693B00)
• Weathered Olive color palette (#EEE5DD, #A0998B, #76742B, #442000, #110701)
• Antique Corridor color palette (#FEF2F0, #C87F92, #1D845E, #69436E, #59373E)

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