Tempered Driftwood color palette — #E7FAF5 · #E4D1E1 · #B9A0AE · #9C7C7B · #634943

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

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Silver (#E4D1E1): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#B9A0AE): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9C7C7B): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#634943): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged vintage, retro, 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

• Hushed Powder Grove color palette (#EBF7FF, #D7DAE5, #AABDD9, #8D899A, #584E63)
• Washed Chestnut color palette (#FFE9EE, #E4C4C6, #B4928F, #93694A, #6E4700)
• Hushed Balcony color palette (#EAEBF8, #A998C9, #927699, #8C403C, #5B2A14)
• Pewter Coast color palette (#FFE3F7, #D7ADC3, #A588C1, #A15C67, #723932)
• Chestnut Veranda color palette (#F3D5E0, #D79FA4, #B76D61, #776200, #3A3F00)
• Worn Olive color palette (#F7F5EC, #D5D3B8, #9E9F74, #768641, #564F00)
• Mulberry Harbor color palette (#EADAE8, #A7718E, #98475A, #5B3800, #2A1F00)
• Patina Lantern color palette (#FCF1FE, #A5C8EE, #D79DB9, #4E90D4, #673E53)

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