Driftwood Garden color palette — #FAF3F8 · #C2E3F6 · #AD766C · #593B53 · #20181E

Built around Mocha, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Powder Blue (#C2E3F6): A whisper-light, dusty blue — the color of deep harbor water.
• Mocha (#AD766C): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#593B53): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#20181E): quiet, heavy and certain.

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

• Driftwood Garden color palette (#F0F7F1, #B5E3EC, #978456, #54441C, #141E16)
• Stone Harbor color palette (#F8EEF5, #D8C08F, #815546, #3C2B36, #1A1017)
• Bronze Market color palette (#FDF3EE, #F1DCB0, #C78F7D, #985C36, #322924)
• Dusty Orchard color palette (#DEF5E6, #C7994B, #473B00, #1A2127, #0A0700)
• Worn Coral color palette (#F9F3F8, #ECD8DC, #74BFAC, #D67D74, #0A2225)
• Patina Drift color palette (#FFF1F7, #E9DB7F, #A25200, #4A2200, #14010A)
• Weathered Cobalt color palette (#FFF1F6, #ECB78D, #83BE96, #677FC1, #402A34)
• Washed Petrol Garden color palette (#EDF8F2, #C3B97C, #919E67, #4F66A7, #1B271A)

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