Softworn Driftwood color palette — #FFF2F0 · #E1DBCF · #A77873 · #5B3D3A · #231817

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Mocha (#A77873): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#5B3D3A): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#231817): a grounded near-black with real depth.

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

Use it as a design system

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

• Washed Bronze color palette (#FEF3EA, #E5E3B2, #976B4D, #502F17, #190C03)
• Antique Ash color palette (#FEF2F2, #E4DFBB, #B890AC, #845F7A, #352728)
• Muted Station color palette (#FCEADF, #DA9018, #642700, #1C241D, #120300)
• Mallow Veranda color palette (#FFF1F0, #F6A9C9, #CAA975, #7280AA, #3F2C2B)
• Bronze Veranda color palette (#FFF2EF, #E7D8C5, #D8A07C, #9D6E41, #573800)
• Wandering Mulberry Market color palette (#F8F3FC, #E1B59E, #834861, #41314A, #2B2327)
• Antique Brick color palette (#FFF2EE, #FFCDA6, #A74750, #590A1A, #150200)
• Ancient Mallow color palette (#FEF1F5, #BFA4E5, #3CA194, #36788F, #322430)

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