Tempered Driftwood color palette — #F9F3F8 · #E0D8D7 · #A6B2BD · #AF6D68 · #585056

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E0D8D7): a clean, paper-quiet neutral.
• Ash (#A6B2BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#AF6D68): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#585056): 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

• Aged Bronze Canyon color palette (#F7F0ED, #DBD7CE, #AEB3A3, #B1704F, #3B3532)
• Ancient Denim color palette (#EDF9EE, #B99CBD, #946F45, #335A8F, #54414F)
• Pewter Loft color palette (#F9F2FF, #D0BCC9, #809682, #5C728B, #4D4E68)
• Antique Denim Coast color palette (#F9F3FA, #BE878B, #487E5A, #4E4C83, #364062)
• Cocoa Basin color palette (#E3EDE4, #AEBDB6, #6C9890, #5B3E00, #172318)
• Dusty Bloom color palette (#EEE7EB, #A5959A, #5E7867, #511000, #11050D)
• Muted Chestnut Thicket color palette (#F5EBEF, #C5CFC7, #90A69E, #7F4300, #3A2730)
• Ancient Taupe color palette (#FFF0F8, #E5D6D4, #FFBBA5, #9F9C4A, #394D37)

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