Driftwood Garden color palette — #FDF1F8 · #E5D9D4 · #9E798F · #563D4D · #21181E

Heather and Cocoa set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Bone (#E5D9D4): bright and airy, almost weightless.
• Heather (#9E798F): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#563D4D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#21181E): a grounded near-black with real depth.

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

• Muted Pewter Dune color palette (#FEF2F0, #ECDABC, #9A6379, #512D2A, #1C0908)
• Wandering Cerulean color palette (#EFF7F4, #B3E9DE, #5F8CAB, #2B4E43, #141E1A)
• Dusty Cabin color palette (#FBF2F8, #EADDB8, #929CC6, #806277, #31282E)
• Washed Market color palette (#FCF2F6, #E5D9E2, #D599BC, #A78ACE, #291A1A)
• Hushed Powder color palette (#FCF1FA, #AFC1F8, #89BC9D, #4D8F89, #3C2C38)
• Weathered Petal Studio color palette (#FFF2E9, #FFCAEB, #C8909E, #8B6C41, #4F3837)
• Patina Alley color palette (#EEF2FA, #C7C795, #535E8E, #24304A, #10141B)
• Muted Garnet color palette (#FFF1F3, #EBD7DA, #D59DBB, #9C5B75, #682838)

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