Driftwood Harbor color palette — #F9EFF0 · #DFD6CE · #AEB1A4 · #A0767B · #3C3435

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

The five colors

• Cream (#F9EFF0): a clean, paper-quiet neutral.
• Bone (#DFD6CE): a clean, paper-quiet neutral.
• Ash (#AEB1A4): a calm mid-gray that lets other colors speak.
• Mocha (#A0767B): A luminous, dusty red — the color of embers at dusk.
• Charcoal (#3C3435): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Harbor 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 Balcony color palette (#FEEDEC, #DFD5C6, #CDBCAA, #9E4A70, #2E2120)
• Washed Ash color palette (#F6F4FB, #E0D7DB, #B9AEAA, #B48DAA, #535158)
• Wandering Ridge color palette (#FFECF1, #DBB5AC, #A09483, #617066, #384A3F)
• Garnet Basin color palette (#EBDED9, #C1B09F, #968D74, #77201E, #130704)
• Dusty Coast color palette (#F1F4E0, #C199D6, #A4655B, #3D5A42, #382727)
• Dusty Garden color palette (#F6F1E9, #CBC59C, #7A8C48, #735963, #32312A)
• Shell Archive color palette (#FFEDEB, #EBD4EB, #FFB0C5, #BE9D67, #352E2B)
• Worn Onyx color palette (#F3E5E5, #9D8881, #915D2A, #480D38, #050000)

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