Timeworn Driftwood color palette — #F0F7F2 · #D2DCDB · #A8ADB6 · #918056 · #4D554F

Mocha and Charcoal Brown set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Ash (#A8ADB6): a calm mid-gray that lets other colors speak.
• Mocha (#918056): A luminous, dusty gold — the color of honey in a jar.
• Charcoal Brown (#4D554F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Cypress Veranda color palette (#EEF7F7, #D3DBDF, #B2C1CC, #508162, #3E4A4A)
• Pewter Loft color palette (#DDFDF6, #B4D4D1, #82999A, #577082, #515367)
• Tempered Harbor color palette (#E8FAF0, #AFAB6C, #6C7F51, #236466, #344E44)
• Hushed Balcony color palette (#DCEAEA, #9AADB0, #5B8791, #004230, #021819)
• Dusty Terrace color palette (#E7FBF1, #FFE5A8, #D4D684, #88A571, #355146)
• Dusty Fern color palette (#E8F1EE, #BDD1CC, #8CA7A3, #4A5E00, #23312D)
• Olive Boulevard color palette (#E3F7EF, #7B833D, #2B423C, #1E2C27, #0F1717)
• Muted Pier color palette (#EFF7F4, #D2DBDD, #ABACB5, #7C885D, #4B5552)

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