Tempered Driftwood color palette — #F8EFF2 · #CAD6DA · #999DA7 · #9E7584 · #3A3436

A conversation between Mocha and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#CAD6DA): bright and airy, almost weightless.
• Blue Fog (#999DA7): soft and architectural.
• Mocha (#9E7584): A luminous, dusty rose — the color of a warm blush.
• Charcoal (#3A3436): 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

• Driftwood Hollow color palette (#EDF4EE, #CEDADB, #A7AFB6, #708A75, #333833)
• Dusty Stone Cabin color palette (#FFECF3, #A4CBB6, #749899, #626276, #40404F)
• Dusty Onyx Cabin color palette (#E9F1E9, #799587, #48756C, #3A2500, #000200)
• Patina Terrace color palette (#FAF4EE, #D9DBD3, #AAB6AE, #B29677, #57524C)
• Muted Spruce color palette (#DDEEEB, #84A7AA, #578492, #094304, #000605)
• Weathered Parlor color palette (#E7F7E8, #D3A06B, #6F7F52, #46516E, #203124)
• Weathered Fern color palette (#EAF5F0, #C8DADE, #A3BDBE, #67682F, #16241E)
• Timeworn Delta color palette (#E7F6EB, #D9D7C0, #DCC36F, #7AAF8D, #162E23)

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