Tempered Driftwood color palette — #FCF2F1 · #E0D9D1 · #A6AFA5 · #9E7772 · #58504F

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FCF2F1): a clean, paper-quiet neutral.
• Bone (#E0D9D1): bright and airy, almost weightless.
• Ash (#A6AFA5): a calm mid-gray that lets other colors speak.
• Mocha (#9E7772): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#58504F): 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

• Aged Oat Dune color palette (#FFF2EF, #DEC1AF, #998A78, #6C776A, #405048)
• Tempered Atelier color palette (#FCF3EE, #DEDAC9, #BCB2A4, #845747, #413934)
• Timeworn Field color palette (#F6EAE1, #C8B5A0, #988D78, #6B3207, #291C12)
• Worn Pier color palette (#FFF4E2, #DA8EA2, #A2654C, #326456, #55433D)
• Aged Parlor color palette (#F7F5ED, #C2C49C, #788A46, #775F60, #505100)
• Patina Grove color palette (#EBDAD7, #A8958D, #9A6135, #550021, #140503)
• Patina Thicket color palette (#FFEEE7, #BC5B57, #5D2E00, #302622, #191410)
• Washed Driftwood Chapel color palette (#FCF2F3, #E2D8D2, #A7AFA2, #9E7678, #585051)

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