Driftwood Harbor color palette — #E7DEE5 · #D1BAB9 · #A0C1A7 · #B16961 · #271B25

Mocha takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#E7DEE5): bright and airy, almost weightless.
• Stone (#D1BAB9): A luminous, dusty orange — the color of sun-warmed clay.
• Sage (#A0C1A7): A luminous, dusty teal — the color of sea glass.
• Mocha (#B16961): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#271B25): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Washed Driftwood Cabin color palette (#F0E8F5, #D6B7BE, #BC9E9D, #B26381, #251B2A)
• Tempered Bronze color palette (#F7E8EE, #BAD4C1, #8EBCBF, #B36D2C, #2A1A21)
• Worn Terracotta color palette (#EFE6E1, #D5BFB0, #B4A190, #944630, #2A1B13)
• Washed Cabin color palette (#F6EEE9, #BEB0A6, #9D8A72, #7E1500, #180500)
• Weathered Moss color palette (#E8F1EC, #BDDBE1, #A7BDC9, #9B963E, #26312B)
• Mustard Quarry color palette (#D2E5D3, #AFAD3B, #618D44, #7C5571, #002115)
• Hushed Study color palette (#F5E0E8, #B26200, #4E4100, #2B151F, #040103)
• Softworn Chestnut Veranda color palette (#E1EDE3, #8AA7A8, #6F8D95, #7E5D00, #030C05)

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