Tempered Driftwood color palette — #F9F3F9 · #E5D8D7 · #AFAEA3 · #927793 · #575057

A conversation between Heather and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E5D8D7): bright and airy, almost weightless.
• Ash (#AFAEA3): soft and architectural.
• Heather (#927793): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#575057): quiet, heavy and certain.

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 Studio color palette (#F0F7F2, #D1DEDF, #B7B0A8, #698C73, #4D554F)
• Cerulean Alley color palette (#EEF2F9, #D7D5DE, #B2A9AF, #6F83A7, #32363D)
• Ancient Atelier color palette (#E4FCF3, #D3B6C5, #A98784, #657430, #435045)
• Ancient Aubergine color palette (#F6E7EB, #D0B0AE, #A1887D, #56316D, #271B1F)
• Powder Corridor color palette (#FFF1F8, #D7D5E6, #BDC4FF, #B87D90, #553B45)
• Tempered Navy Summit color palette (#F2E5EF, #A8939B, #8C6465, #13255C, #110410)
• Antique Lagoon color palette (#FAF4ED, #CCC197, #7E8842, #755F63, #5C4C00)
• Tempered Quarry color palette (#F9F6DF, #68AFE7, #896A90, #645A05, #54414F)

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