Tempered Driftwood color palette — #F3F6F0 · #D3DDDB · #A9B7C1 · #8E7C7C · #51544F

Driftwood and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DDDB): bright and airy, almost weightless.
• Ash (#A9B7C1): A luminous, dusty blue — the color of open sky before noon.
• Driftwood (#8E7C7C): A luminous, dusty red — the color of late-summer berries.
• Charcoal Brown (#51544F): 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

• Dusty Ash color palette (#EFF7F8, #D5DBE1, #B5B2C3, #6FA6AF, #4D5455)
• Aged Aqua color palette (#ECF5ED, #4DCBD9, #887389, #4C584F, #20231D)
• Tempered Chestnut color palette (#F8F7E1, #D3E4CB, #A2CEC0, #A8997A, #674C00)
• Sky Field color palette (#FFF2EB, #99E3BE, #67B8EA, #B67B69, #3E4C3D)
• Lilac Dune color palette (#F5F6ED, #A7D6A2, #C396CE, #A38051, #46413C)
• Antique Cypress color palette (#EBF2E9, #8BA8A6, #A98EA7, #007368, #040C02)
• Softworn Cobalt color palette (#D6E5E1, #CBAEAF, #BD9285, #1975BF, #021814)
• Worn Cerulean color palette (#E9F1EA, #C1D9DB, #E2BED4, #00A5B2, #253128)

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