Tempered Driftwood color palette — #FFF1F2 · #E2DAD0 · #A8ACB7 · #A87E93 · #5A4742

Dusty Rose and Cocoa set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2DAD0): a clean, paper-quiet neutral.
• Ash (#A8ACB7): a calm mid-gray that lets other colors speak.
• Dusty Rose (#A87E93): A luminous, dusty rose — the color of pressed rose petals.
• Cocoa (#5A4742): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged pastel, light, 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

• Ash Canyon color palette (#F7EEFE, #ECD1D8, #E0B5B6, #AD83A7, #443747)
• Weathered Station color palette (#FFF2EF, #E0DDCE, #A2CFB8, #9F797E, #773B1B)
• Wandering Studio color palette (#FFF3EA, #C9B598, #AA7243, #765449, #564600)
• Worn Amber color palette (#FFF3E6, #B48556, #538B83, #206D64, #583400)
• Hushed Terrace color palette (#FFF2EF, #E4DAC6, #C5C25C, #88529D, #473F3C)
• Timeworn Terracotta color palette (#FCF3F0, #E5B1AD, #668954, #9F5450, #2E2E28)
• Frosted Station color palette (#FFEAE7, #C88777, #7D7520, #441C6A, #230103)
• Olive Veranda color palette (#FBF4EA, #A1874C, #6A722B, #3E4B76, #3A342F)

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