Muted Driftwood color palette — #FFF2EF · #E1DBCF · #A67781 · #583F3B · #251715

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Mocha (#A67781): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#583F3B): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#251715): A deep, shadowed, dusty orange — the color of toasted spice.

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

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

• Muted Bronze Basin color palette (#FEF3E8, #E4E4B1, #986C44, #532F00, #190C02)
• Ancient Ash color palette (#FDF2F2, #E7DFB4, #BF8DA9, #896161, #372626)
• Softworn Studio color palette (#FFF1F0, #F3AACA, #C9A979, #7380AA, #3E2C2B)
• Timeworn Pewter color palette (#F3F0F8, #C0C998, #834C6E, #372A45, #151219)
• Patina Amber color palette (#FCEADD, #D29436, #5F2B00, #1D251F, #110400)
• Dusty Rust color palette (#FFF2ED, #FFCDA2, #AA4644, #580D12, #120301)
• Aged Bronze color palette (#FFF2EB, #E3D8C7, #D6A984, #966B35, #563B00)
• Washed Orchard color palette (#FFF3E3, #F2B932, #735200, #2A1B00, #020100)

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