Muted Driftwood color palette — #F4F0F6 · #DED5D5 · #A3AEB5 · #A37381 · #39343B

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

The five colors

• Ivory (#F4F0F6): a clean, paper-quiet neutral.
• Silver (#DED5D5): bright and airy, almost weightless.
• Ash (#A3AEB5): soft and architectural.
• Mocha (#A37381): A luminous, dusty red — the color of embers at dusk.
• Charcoal (#39343B): a grounded near-black with real depth.

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

• Worn Driftwood Quarry color palette (#F8F3F9, #E1D7D9, #B2ACA2, #AB6D79, #565057)
• Washed Brick color palette (#F6EFF5, #E6D2D0, #AEC6B7, #AB4446, #2E1F2D)
• Softworn Ash Bloom color palette (#E1F8EF, #D196BA, #996D4C, #31576E, #352637)
• Basalt Quarry color palette (#DCE2DC, #90A69D, #5A8582, #4A3000, #000600)
• Worn Corridor color palette (#E7F6EF, #A5CCC9, #5C8C94, #635E72, #1E3634)
• Onyx Delta color palette (#E8E0E9, #988890, #5D7162, #53001B, #030004)
• Taupe Corridor color palette (#F9EEF6, #F9D0DC, #EBBE96, #A0A263, #392632)
• Hushed Driftwood color palette (#F7E9F3, #B46D5E, #323F33, #241B22, #0E0B10)

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