Tempered Driftwood color palette — #FFF1F4 · #CDACA7 · #A7795C · #506B5A · #3F5348

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Rosewood Mist (#CDACA7): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#A7795C): A luminous, dusty gold — the color of honey in a jar.
• Graphite (#506B5A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3F5348): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

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 Basin color palette (#F9E8FF, #CAAEC9, #A17B94, #50655A, #1E372F)
• Washed Driftwood Bloom color palette (#FFEFEB, #C8A68C, #928857, #725C6F, #5F444B)
• Softworn Study color palette (#FFF1F2, #DCC3B9, #A89073, #5B7C71, #614A58)
• Ancient Bronze Ridge color palette (#FFF2EF, #EFBAB8, #B79785, #927831, #5B5100)
• Olive Balcony color palette (#FAF4EC, #B1B387, #5B7F4A, #6F4E5F, #504100)
• Hushed Fern color palette (#FFDCD3, #AA866B, #6A6621, #374770, #482B51)
• Powdered Basin color palette (#FFDEDD, #E791A7, #CE4D48, #85401F, #5B3A1E)
• Bronze Market color palette (#ECD8E5, #E18C88, #966400, #005080, #2D3161)

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