Driftwood Alley color palette — #FFF2EF · #B86373 · #008377 · #5E447E · #452C26

Mocha takes the lead with Teal close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Mocha (#B86373): A luminous, balanced red — the color of a theater curtain.
• Teal (#008377): A full-bodied, balanced teal — the color of shallow lagoons.
• Plum (#5E447E): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#452C26): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Balance. Tagged 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

• Frosted Violet color palette (#FFF1F4, #9C69B5, #00865A, #4E4986, #402D32)
• Muted Cerulean Summit color palette (#FFF2EB, #BF7D6A, #1A8BAF, #784F71, #433B38)
• Hushed Amber Corridor color palette (#FFF3E5, #D27F5B, #62721A, #44487A, #413C36)
• Ember Grove color palette (#FFEBF9, #D7593A, #008781, #1E567E, #251320)
• Fern Grove color palette (#FDF3EB, #B06C2C, #217021, #38357A, #352312)
• Frosted Delta color palette (#FFF3E7, #A76400, #007192, #88004B, #3C260C)
• Pale Pine color palette (#FEF2EE, #E99298, #058631, #9A3B47, #232614)
• Washed Bronze Workshop color palette (#FAF4EF, #DADCD3, #B7C5B2, #996746, #4F463E)

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