Driftwood Coast color palette — #FBF3F1 · #DDD9D4 · #A1B0A7 · #AE6C78 · #5B4F4D

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Silver (#DDD9D4): bright and airy, almost weightless.
• Ash (#A1B0A7): A luminous, dusty teal — the color of glacier melt.
• Mocha (#AE6C78): A luminous, balanced red — the color of late-summer berries.
• Charcoal Brown (#5B4F4D): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Coast 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 Workshop color palette (#F5F0F5, #DFD4D6, #BAABA5, #A47477, #393439)
• Dusty Summit color palette (#FFF1F0, #DFC3BF, #A19184, #5D7A6C, #604659)
• Antique Bronze color palette (#F9F4EF, #DADCD3, #B8C5B4, #956B30, #643F00)
• Washed Denim Villa color palette (#FCF4E5, #CE95A8, #996B4D, #255E87, #594139)
• Cocoa Pier color palette (#E6DDD5, #BFB8AB, #938F75, #653800, #2B1B0B)
• Fern Pier color palette (#F6F6ED, #BDC5A8, #548E82, #815A5E, #475409)
• Dusty Terracotta Thicket color palette (#F6ECE7, #D2CBC3, #A8A08D, #903200, #372B23)
• Timeworn Pier color palette (#EADED9, #A6968C, #916729, #560012, #150401)

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