Tempered Driftwood color palette — #F8F3FC · #F6C5AB · #A76682 · #564660 · #2F2933

Mocha takes the lead with Wheat close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F8F3FC): a clean, paper-quiet neutral.
• Wheat (#F6C5AB): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A76682): A full-bodied, balanced rose — the color of strawberry cream.
• Charcoal Brown (#564660): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2F2933): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Tempered Driftwood Coast color palette (#F3F4FF, #E8C4E4, #8770AB, #484A67, #2A2B33)
• Ancient Bronze Drift color palette (#FDF1F7, #E7BC84, #A05F31, #593548, #291E23)
• Timeworn Amber color palette (#F8F3F9, #FFBDC3, #D78546, #C1717C, #37292F)
• Antique Sand Delta color palette (#FFF1F1, #F3DAB3, #BE9191, #866263, #362727)
• Dusty Amber color palette (#EEF9EE, #EAAD96, #BA8653, #5D784F, #54424B)
• Tempered Ash Orchard color palette (#F9F3F8, #E1D7D8, #BDAEA8, #AF8FAC, #565055)
• Feathered Plum Terrace color palette (#FEF0FF, #F9A462, #B8294A, #651D2A, #251326)
• Amber Cabin color palette (#FFF0FC, #FFC1AB, #CC8861, #956033, #623C00)

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