Driftwood Alley color palette — #FBF2F9 · #B6DBC8 · #A26E65 · #6D3E37 · #342631

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Oat (#B6DBC8): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#A26E65): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#6D3E37): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#342631): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Aged Thicket color palette (#F7F3FE, #AFDDCD, #84759A, #534568, #2D2935)
• Hushed Station color palette (#FFF2ED, #DDF7C8, #AC7670, #6F3215, #231914)
• Weathered Cocoa Hollow color palette (#EFF8F0, #BCDAC3, #65876B, #5F491D, #222F24)
• Dusty Cocoa Drift color palette (#FBF4EF, #DDB991, #814F3D, #5A2900, #2A251A)
• Hushed Sand color palette (#FEF1F9, #FFD6A7, #C4917D, #7E6474, #31282E)
• Amber Archive color palette (#DDF5E3, #B18C3E, #564200, #231900, #000401)
• Softworn Loft color palette (#FAF3F5, #D0D9DB, #A8A5B0, #B9936F, #5B4F53)
• Worn Ember color palette (#FAF3F7, #F8C3B3, #79AB6D, #D16B4E, #21322F)

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