Driftwood Terrace color palette — #F8F3F9 · #E4D7D9 · #B3AEA2 · #A4717D · #565058

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

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#E4D7D9): bright and airy, almost weightless.
• Ash (#B3AEA2): a calm mid-gray that lets other colors speak.
• Mocha (#A4717D): A luminous, dusty red — the color of late-summer berries.
• Charcoal Brown (#565058): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Terrace 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 Driftwood color palette (#F9EFED, #DED6CC, #AEAFA2, #9A7A71, #3B3433)
• Petrol Lantern color palette (#F7F3FF, #D3C1D3, #A3868F, #597389, #444B61)
• Softworn Pier color palette (#FAF2F9, #EED3D3, #A2C7A8, #AA4441, #463C45)
• Wandering Bronze Meadow color palette (#E7FBEE, #CF93AA, #A5653B, #295F81, #504350)
• Muted Cocoa Archive color palette (#F0E7EA, #B0BDB3, #76968A, #673600, #281B20)
• Shell Basin color palette (#FEF0FC, #EBD3D5, #FFADA1, #AF9354, #543C49)
• Ancient Garnet Villa color palette (#EFE8EF, #A8939F, #60785F, #560017, #100511)
• Blush Quarry color palette (#F9F3FA, #CC7D8E, #487F4C, #235979, #31435E)

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