Driftwood Garden color palette — #FAF3F8 · #B4DCC7 · #A36D67 · #6C3F3A · #322730

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

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Oat (#B4DCC7): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A36D67): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#6C3F3A): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#322730): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Driftwood Garden 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

• Timeworn Basalt color palette (#F8F3FB, #B5DBCC, #897397, #584465, #2F2834)
• Ancient Dune color palette (#FFF2ED, #DDF5C9, #A97774, #6F3218, #211916)
• Worn Abyss color palette (#F0F7F1, #BBDAC2, #67876A, #37563B, #252E26)
• Washed Cocoa Dune color palette (#FDF3ED, #DABA98, #824E3E, #5B2800, #29241B)
• Aged Sand color palette (#FEF1F9, #FCD6AD, #C09282, #7C6574, #31282E)
• Dusty Amber color palette (#F9F3F7, #F9C2B2, #8FA56D, #C97056, #22322D)
• Wandering Alley color palette (#FAF3F5, #D0D8DB, #A8A5B1, #B89372, #594F53)
• Amber Parlor color palette (#E0F3E4, #B68B22, #574200, #231900, #000401)

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