Timeworn Driftwood color palette — #FBF2F8 · #CDE0CE · #A9786E · #523F4E · #20181E

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Celadon Mist (#CDE0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A9786E): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal (#523F4E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#20181E): quiet, heavy and certain.

Feels like: 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

• Aged Alley color palette (#FCF2FA, #BCEBD2, #C2908C, #7E637B, #312830)
• Patina Terrace color palette (#E9FAEF, #FFE2A5, #83763E, #1D412E, #06120C)
• Ancient Archive color palette (#FCF2F7, #E4DDD3, #A7B76D, #C8886C, #13221D)
• Weathered Garnet color palette (#F9EFEB, #D1C29A, #81534F, #551C00, #1D100B)
• Worn Bloom color palette (#FFF0FA, #FFAB91, #67C0B7, #6885A4, #392D35)
• Patina Marigold Quarry color palette (#E0F4E4, #CB9900, #4D3800, #161C22, #0C0700)
• Bronze Quarry color palette (#FFF0F7, #FFD26F, #A45000, #4B2100, #14010A)
• Muted Taupe Pier color palette (#FCF2F5, #CCDADE, #B8B8C2, #C89A95, #544A4D)

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