Driftwood Alley color palette — #FFF2EE · #E0DCCE · #A9767A · #5D3D34 · #221916

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Mocha (#A9767A): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#5D3D34): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#221916): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

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 Sand Meadow color palette (#FCF4EA, #FFE1AE, #916F44, #4C330D, #180D02)
• Muted Delta color palette (#FBF3F2, #E9DEB4, #C48C9F, #88625E, #342827)
• Wandering Amber color palette (#FFEAD7, #CD973D, #593000, #1D2621, #0F0500)
• Weathered Terracotta Delta color palette (#F9F3F9, #DFB1C5, #864950, #453046, #2C2326)
• Pewter Loft color palette (#F5EFF9, #C4C895, #854D63, #382B40, #171219)
• Basalt Canyon color palette (#FFF2EC, #F4B09E, #AAB57C, #668D6D, #522100)
• Wandering Bronze color palette (#FFF3E9, #DED9CB, #D4B081, #917231, #514100)
• Softworn Mallow color palette (#FFF1F2, #E5A7CF, #54A4B9, #4F668D, #301F25)

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