Driftwood Alley color palette — #F9EFEE · #DDD6CE · #ADAFA4 · #A17674 · #3C3433

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#F9EFEE): a clean, paper-quiet neutral.
• Bone (#DDD6CE): a clean, paper-quiet neutral.
• Ash (#ADAFA4): soft and architectural.
• Mocha (#A17674): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#3C3433): 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

• Driftwood Bloom color palette (#F7F3FB, #E0D8DA, #B0ABA1, #897B98, #55505A)
• Weathered Terracotta Study color palette (#FCEEEB, #E1D6C1, #D3BAA0, #9F4D5C, #2E221E)
• Tempered Oat color palette (#FFEDEC, #E9C1B0, #A69579, #5B6F66, #31463E)
• Cocoa Balcony color palette (#F1E2DA, #BEB1A1, #998C6C, #722900, #130702)
• Hushed Blush color palette (#F8F2DE, #DB90BC, #9E6955, #1D5B69, #3A2622)
• Softworn Driftwood Market color palette (#F5F2E9, #C5C6A0, #768C4A, #735960, #31322B)
• Timeworn Onyx Archive color palette (#F5E4E2, #9E887E, #915D2A, #4D0C28, #040000)
• Chestnut Cabin color palette (#FAF0E4, #DFD3B3, #AEAF84, #7A5200, #251703)

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