Dusty Driftwood color palette — #FDF2F1 · #E1DCCF · #A37A74 · #5C3D38 · #231816

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

The five colors

• Ivory (#FDF2F1): bright and airy, almost weightless.
• Bone (#E1DCCF): a clean, paper-quiet neutral.
• Mocha (#A37A74): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#5C3D38): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#231816): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Bronze color palette (#FCF3EC, #FFE0B6, #9C693F, #542E00, #180C03)
• Ash Bloom color palette (#FEF2F2, #E5DFBC, #BB8FAA, #876263, #342828)
• Ancient Quarry color palette (#FFF2F0, #F8A8C2, #C5AA7E, #787FA8, #3E2D2B)
• Muted Stone color palette (#FFF2EB, #E0D8CB, #DCA77F, #9B7243, #4F3600)
• Marigold Grove color palette (#FBEBDF, #D99110, #602A00, #1C251E, #120400)
• Pewter Veranda color palette (#F8F3FA, #E1B69C, #824A5C, #44304C, #2C2428)
• Washed Study color palette (#FFF3E3, #F6B81F, #745100, #2B1B00, #020100)
• Inked Bronze Hollow color palette (#FDE8E3, #B36200, #3A000F, #110802, #040000)

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