Muted Driftwood color palette — #FAF2F7 · #F9F9C7 · #AC7766 · #553E4D · #20181E

Mocha and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2F7): a clean, paper-quiet neutral.
• Custard (#F9F9C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#AC7766): A luminous, dusty orange — the color of toasted spice.
• Charcoal (#553E4D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#20181E): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Aged Harbor color palette (#EFF8F0, #C6DDCA, #A37F3F, #384C3A, #161E17)
• Softworn Study color palette (#FDF3EC, #F4DBA8, #BB957A, #965E31, #332922)
• Hushed Coast color palette (#FDF1F9, #F9AF94, #59C1C6, #9175A2, #3A2D35)
• Stone Lantern color palette (#FAEEF3, #DCBE97, #795566, #422735, #1B1016)
• Tempered Amber Coast color palette (#E2F3EA, #D49332, #403E00, #1C2027, #080800)
• Muted Courtyard color palette (#FCF2F7, #E79875, #00A5A8, #805376, #2B1D25)
• Tempered Boulevard color palette (#FFF1F5, #F8D65A, #965B00, #442600, #130208)
• Muted Lagoon color palette (#FAF3F7, #E4DCD2, #7AC193, #D28261, #102221)

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