Weathered Driftwood color palette — #FFF2EE · #E0DBCE · #A6796E · #584039 · #231816

Built around Mocha, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Mocha (#A6796E): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#584039): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#231816): quiet, heavy and certain.

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 color palette (#FDF3E9, #FFE1B0, #966D40, #3D3732, #170D04)
• Patina Harbor color palette (#FFF2F0, #F1DBAF, #BD928D, #836460, #362725)
• Antique Shell color palette (#FFF2EE, #FFA6B2, #BFAE75, #807CA7, #3D2D29)
• Weathered Blush Garden color palette (#FFF2ED, #F09793, #9D9250, #716188, #322423)
• Marigold Orchard color palette (#FFEAD8, #D79200, #5C2E00, #1D2520, #100400)
• Hushed Garden color palette (#F5F0F7, #ADCDB3, #7F5261, #3B2943, #18111B)
• Bronze Delta color palette (#FFF2EA, #E0D9C9, #D1A377, #987540, #533E00)
• Wandering Rust color palette (#FFF2EC, #FFCE9E, #B23E30, #4B1F19, #130300)

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