Weathered Driftwood color palette — #FBF3F4 · #CFDDCC · #A57780 · #5E3A41 · #261619

A conversation between Mocha and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Bone (#CFDDCC): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A57780): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#5E3A41): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#261619): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered 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 Bronze Archive color palette (#FEF2ED, #DDE6B8, #A16358, #562A22, #180C07)
• Antique Pier color palette (#FBF2F8, #CFDDCD, #7A82B4, #3E4367, #22181F)
• Ash Basin color palette (#FCF2F6, #B2EDD7, #A793C8, #84616F, #31282C)
• Softworn Alley color palette (#FBF3F3, #E4D8D3, #D8A174, #CA7BB2, #281B10)
• Patina Drift color palette (#F6F3FF, #D5BD8C, #60577C, #3A354A, #282228)
• Hushed Bronze color palette (#FFF1F0, #E3D7D2, #DE988E, #B26337, #5B3400)
• Aged Terracotta color palette (#FFF2EF, #ECCC89, #914A58, #461420, #0D0100)
• Garnet Cabin color palette (#FEE9E2, #C49C40, #710D1D, #0D110A, #170002)

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