Driftwood Grove color palette — #FCF2F4 · #E1D8D3 · #A8AFA5 · #9E757D · #5B4F51

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

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Bone (#E1D8D3): bright and airy, almost weightless.
• Ash (#A8AFA5): a calm mid-gray that lets other colors speak.
• Mocha (#9E757D): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#5B4F51): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Ancient Driftwood Basin color palette (#F2F1F7, #DBD4D9, #B8AAAB, #A0709B, #37353C)
• Dusty Driftwood color palette (#FFF1F4, #D9BFBC, #A28978, #607166, #385250)
• Hushed Parlor color palette (#F9F6E4, #BB98CA, #99686C, #296463, #5A3F41)
• Patina Mulberry color palette (#F9EBE9, #D8C8C2, #B09C8C, #7D3C56, #3C2826)
• Timeworn Driftwood color palette (#FCF4E9, #C8C1A7, #85863D, #755E6A, #5D4B00)
• Onyx Cabin color palette (#F1E8E9, #A89591, #9D5E3D, #4D0043, #120507)
• Washed Garnet color palette (#EBDFD9, #B5A797, #987B35, #621D00, #1E1007)
• Driftwood Lantern color palette (#FFEDEB, #AD6181, #632906, #312524, #1A1311)

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