Timeworn Driftwood color palette — #FAF3F7 · #B8DCBF · #A46E59 · #694232 · #32282E

Mocha takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Celadon Mist (#B8DCBF): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A46E59): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#694232): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#32282E): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Timeworn 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

• Bronze Corridor color palette (#F1F7F1, #B8DCBF, #997648, #395539, #252E24)
• Weathered Chestnut color palette (#FBF2F8, #C0C597, #844D42, #482F42, #2E2123)
• Wandering Station color palette (#FCF3EF, #E3E39E, #C48F89, #9A5A3D, #322925)
• Tempered Amber color palette (#E0F5E8, #B08D3B, #514400, #211A00, #000401)
• Pale Mustard color palette (#FFF1F6, #DFB453, #975800, #563000, #2A111C)
• Aged Amber color palette (#FAF3F6, #F5C6A6, #87A866, #C57637, #1C332E)
• Shadow Workshop color palette (#EEDBE4, #936E00, #471F00, #26150B, #0E0300)
• Taupe Drift color palette (#F2F7F2, #D3DCDB, #A7B7C0, #B59668, #4D554E)

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