Driftwood Basin color palette — #FBF2F7 · #BEECF6 · #A87A61 · #5C3A4D · #25161E

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#BEECF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A87A61): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5C3A4D): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#25161E): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

One click turns Driftwood Basin 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 Terrace color palette (#EEF8F2, #B5E1EB, #918755, #4F461A, #141E18)
• Aged Taupe Pier color palette (#FCF2F8, #BCEAD5, #CA8E77, #836176, #30292D)
• Washed Bronze Atelier color palette (#F2D6E1, #9A7306, #374338, #2C1400, #030100)
• Worn Marigold color palette (#DEF4E9, #C49B3C, #423D00, #1B2027, #090800)
• Tempered Cabin color palette (#FAEFE9, #C9C692, #805547, #502200, #1B110C)
• Bronze Garden color palette (#EAFBE9, #F9D382, #925E00, #422800, #000B00)
• Tempered Cabin color palette (#F1F7F0, #D7B086, #3A9CAE, #6665AB, #322432)
• Wandering Lantern color palette (#FAF3F5, #E7D8D6, #94BB88, #CF883D, #0B2320)

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