Driftwood Studio color palette — #F9EFED · #DED6CC · #AEB0A1 · #A0786B · #3C3432

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

The five colors

• Cream (#F9EFED): bright and airy, almost weightless.
• Bone (#DED6CC): bright and airy, almost weightless.
• Ash (#AEB0A1): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A0786B): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#3C3432): a grounded near-black with real depth.

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

Use it as a design system

One click turns Driftwood Studio 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 Study color palette (#E7DED3, #C0B19A, #9B8B6C, #5E3B00, #120800)
• Weathered Bronze color palette (#FCEFE8, #DCD6C6, #D0BBA8, #995641, #322016)
• Hushed Delta color palette (#F9F3F9, #E0D7D9, #B1ACA4, #947697, #575057)
• Muted Canyon color palette (#FCEFE8, #ECD2C6, #EFBA8C, #C0906C, #4C2100)
• Washed Coral color palette (#FCF0E2, #EA907D, #9D6B4A, #5B5400, #39281D)
• Dusty Driftwood color palette (#F1F3EA, #BEC9A1, #748D4C, #84561B, #30322B)
• Aged Olive Coast color palette (#FFEEE3, #DBC3AC, #A39786, #6B722B, #324700)
• Garnet Balcony color palette (#F5E5DF, #9E887C, #945C2F, #550105, #040000)

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