Tempered Driftwood color palette — #FFF0F9 · #CCAEBC · #A7715E · #6F526D · #554148

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rosewood Mist (#CCAEBC): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A7715E): A full-bodied, dusty orange — the color of autumn markets.
• Graphite (#6F526D): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#554148): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Driftwood Studio color palette (#EDF9EC, #A6C0AC, #9C794C, #765063, #3C4C43)
• Worn Archive color palette (#FEECF8, #DAB38E, #98778E, #625069, #213026)
• Aged Cocoa Chapel color palette (#FFF2EC, #E9C2A0, #B7927F, #8A6C68, #5D4300)
• Timeworn Bronze Boulevard color palette (#F9F3F8, #F2ABA1, #897F32, #A0544B, #24312A)
• Lagoon Orchard color palette (#FCF1FB, #BF7B79, #3B907B, #31677D, #443943)
• Dusty Amber Alley color palette (#FAD1E2, #B9812E, #894800, #6A2000, #352700)
• Sunflower Basin color palette (#C5EBFF, #DAD851, #FF9DB1, #5A434D, #3A363B)
• Chestnut Orchard color palette (#DEECE0, #A09869, #7F5D00, #613903, #19372C)

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