Driftwood Studio color palette — #F9EFEF · #DFD7CD · #ADB1A7 · #9B787A · #3C3434

Mocha and Bone set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F9EFEF): bright and airy, almost weightless.
• Bone (#DFD7CD): a clean, paper-quiet neutral.
• Ash (#ADB1A7): a calm mid-gray that lets other colors speak.
• Mocha (#9B787A): A luminous, dusty red — the color of a theater curtain.
• Espresso (#3C3434): 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

• Plum Dune color palette (#FBEFED, #E4D7C0, #CCBDA9, #9C4F66, #331F1C)
• Garnet Ridge color palette (#EAE0DA, #C1B09C, #958D73, #722817, #160601)
• Hushed Ash Basin color palette (#F7F3FB, #E1D7DB, #BAAEA9, #B88CA4, #545159)
• Muted Balcony color palette (#FFECEF, #E8C3B6, #988C77, #57665D, #36483E)
• Dusty Lilac color palette (#F4F4DC, #C499CF, #A46555, #345C45, #392626)
• Weathered Shell Delta color palette (#FEEEE9, #EDCBCD, #FFACB6, #AB9F6C, #35241B)
• Washed Driftwood Basin color palette (#F7F1E5, #B4CCA0, #738D4D, #735961, #32312B)
• Aged Station color palette (#F3E7E6, #9D887F, #8F5F27, #4F0032, #050000)

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