Worn Driftwood color palette — #F9EAE3 · #B46C61 · #5A2F00 · #271B16 · #100B0A

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

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Mocha (#B46C61): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#271B16): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#100B0A): a grounded near-black with real depth.

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

Use it as a design system

One click turns Worn 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

• Bronze Hollow color palette (#F3ECE3, #A7792B, #3E3B34, #241D14, #100B08)
• Weathered Dune color palette (#FAEDF7, #E57668, #65525B, #3F343C, #242025)
• Wandering Coral Drift color palette (#FFF2ED, #F28E86, #754A02, #342823, #140E0D)
• Lagoon Field color palette (#FDEFE0, #C39153, #12A29D, #8A68A1, #322415)
• Weathered Amber Studio color palette (#FFE8DF, #E8A68C, #BF763C, #79521A, #3C3731)
• Dusty Lagoon color palette (#F3F2E9, #C2C7A5, #618F77, #795758, #31322B)
• Antique Ridge color palette (#FAF0E6, #DCA775, #67A2D5, #9A642A, #133930)
• Eclipse Workshop color palette (#EDE8D1, #576200, #202A27, #032602, #070900)

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