Timeworn Driftwood Pier color palette — #F9EFEE · #DBD6D0 · #AEB2A5 · #9D7875 · #3D3433

Mocha and Ash set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F9EFEE): a clean, paper-quiet neutral.
• Silver (#DBD6D0): a clean, paper-quiet neutral.
• Ash (#AEB2A5): a calm mid-gray that lets other colors speak.
• Mocha (#9D7875): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#3D3433): a grounded near-black with real depth.

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

Use it as a design system

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

• Driftwood Field color palette (#FBF3F2, #DED8D3, #A9AFA6, #A3727F, #5B4F4D)
• Weathered Cocoa Loft color palette (#EEE2DA, #BEB1A0, #958D76, #6D2E00, #120802)
• Tempered Taupe Alley color palette (#FFEDEB, #D9C1B5, #A29379, #5B6F68, #354842)
• Weathered Brick Archive color palette (#FBEFEB, #DED6C5, #CEBCA7, #A54952, #2F211D)
• Aged Taupe Study color palette (#F7F2E2, #D396B6, #9C6B54, #185A70, #3C2520)
• Weathered Alley color palette (#F4F2E9, #C3C6AB, #738D4D, #74595F, #31322B)
• Softworn Study color palette (#ECE0DD, #9B8980, #905F28, #530022, #050000)
• Weathered Chestnut Courtyard color palette (#F8F1E6, #DAD4BE, #ABAF8C, #765500, #231805)

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