Driftwood Harbor color palette — #F9EFED · #DCD7CD · #AAB1A8 · #9A7A74 · #3C3432

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

The five colors

• Cream (#F9EFED): bright and airy, almost weightless.
• Bone (#DCD7CD): bright and airy, almost weightless.
• Ash (#AAB1A8): a calm mid-gray that lets other colors speak.
• Mocha (#9A7A74): A luminous, dusty orange — the color of autumn markets.
• 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 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

• Softworn Driftwood Villa color palette (#FCF3F0, #DED9D2, #A7AFA7, #A47376, #5A504D)
• Worn Driftwood color palette (#F4F2E9, #BFC8A5, #728B6C, #715B5D, #30322B)
• Weathered Chapel color palette (#EADDD3, #BBB2A0, #909071, #683400, #110903)
• Weathered Blush color palette (#F6F2DE, #E18DB6, #9B6D3E, #29586E, #3A2720)
• Muted Villa color palette (#FFEEE6, #F6CBC2, #E1B78B, #A2AB6F, #352519)
• Hushed Onyx color palette (#F8ECE9, #9F8978, #86651F, #540018, #040000)
• Muted Chestnut color palette (#FAF1E1, #D7D6B9, #A2B28E, #705800, #231803)
• Aged Coral color palette (#FDEEEA, #D67F88, #2F7F81, #2D5640, #062F24)

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