Driftwood Alley color palette — #F9EFED · #DDD7CD · #ABB3A4 · #A1776E · #3D3331

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F9EFED): bright and airy, almost weightless.
• Bone (#DDD7CD): a clean, paper-quiet neutral.
• Ash (#ABB3A4): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A1776E): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#3D3331): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Alley 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

• Ancient Driftwood color palette (#F8F3F9, #E2D8D8, #A9B1B7, #927799, #575058)
• Patina Cocoa color palette (#F4EDE7, #BDB29D, #928E75, #643600, #140700)
• Worn Dune color palette (#FAEFEA, #E0D9BF, #CCBDA5, #A14F44, #30211A)
• Weathered Stone Field color palette (#F3F2EA, #BEC99E, #758A6B, #735A5C, #30322B)
• Shell Alley color palette (#FDEEE7, #FDD0D2, #FFB2A6, #A8945A, #392415)
• Blush Villa color palette (#FAF1DC, #E58EA5, #9A6D48, #27586F, #3A271F)
• Dusty Lantern color palette (#EDDCD6, #9F8879, #8C6123, #540014, #040000)
• Chestnut Delta color palette (#F8F1E4, #D7D5BD, #A7B08F, #6C5A00, #221805)

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