Muted Driftwood color palette — #FCF3F0 · #DDDAD2 · #A1AFA9 · #9F776A · #5B504C

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Bone (#DDDAD2): bright and airy, almost weightless.
• Ash (#A1AFA9): soft and architectural.
• Mocha (#9F776A): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#5B504C): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Boulevard color palette (#F5F0F4, #DDD4D5, #BCADA5, #AD706B, #3A3439)
• Oat Meadow color palette (#FFF2ED, #D9C4B0, #9A927A, #756472, #624C51)
• Timeworn Cocoa Chapel color palette (#EBE4DD, #C0B8A6, #90907A, #5E3C00, #261D13)
• Fern Dune color palette (#F6F6EA, #B9C6A9, #72886F, #775F5F, #3F5614)
• Cocoa Quarry color palette (#FCF4E4, #D49399, #90714B, #3B5D79, #6F3510)
• Hushed Market color palette (#FDF3ED, #DCDACB, #C7BB9F, #AB471F, #652E00)
• Timeworn Fern color palette (#F8F5EC, #D3D4C1, #A0AC90, #615D00, #35332C)
• Softworn Garnet color palette (#F6E8E2, #A5978B, #8D6A26, #570201, #120602)

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