Tempered Driftwood Studio color palette — #F5F1EB · #D6D8D0 · #A6B2AA · #95804C · #3A352D

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#D6D8D0): a clean, paper-quiet neutral.
• Ash (#A6B2AA): soft and architectural.
• Mocha (#95804C): A luminous, dusty gold — the color of afternoon light on wheat.
• Espresso (#3A352D): 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 Studio 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

• Abyss Quarry color palette (#DEE2D8, #9BA396, #70826C, #00412C, #030500)
• Patina Pier color palette (#F1F3EC, #D2D8D4, #ADC3B8, #3F865A, #2A2E22)
• Abyss Garden color palette (#F7F2E3, #AEB078, #6A8157, #005E64, #312C17)
• Chestnut Thicket color palette (#F2F3E9, #C0C7AB, #5D8F76, #775E0F, #30322B)
• Patina Driftwood Archive color palette (#F1F7F2, #D2DDDD, #A9ABB7, #6C8B70, #4E544F)
• Hushed Lagoon color palette (#F1F5DB, #C7CDBC, #899C80, #497366, #4D3C4C)
• Washed Canyon color palette (#E9E5DC, #928D7C, #776C20, #312A00, #020100)
• Moss Atelier color palette (#F6F2E3, #DBEDB4, #A8DB9E, #7FA85D, #32312A)

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