Dusty Driftwood Coast color palette — #FFF1F4 · #E3D7D2 · #D8BDA4 · #9B778B · #5B484A

Heather takes the lead with Sand close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D7D2): bright and airy, almost weightless.
• Sand (#D8BDA4): A luminous, dusty gold — the color of honey in a jar.
• Heather (#9B778B): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5B484A): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Dusty 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

• Tempered Pewter color palette (#FFF1F2, #F6D2CD, #F0A290, #865D98, #643B4C)
• Ash Chapel color palette (#F4F4FF, #E5D7E0, #B6B4A9, #8B9DBF, #555061)
• Stone Lantern color palette (#FEF2F1, #D9BC82, #7B4E64, #483231, #2B221C)
• Bronze Boulevard color palette (#FCF4E4, #BABC8C, #9A7B37, #7D5410, #504900)
• Bronze Summit color palette (#FDF2F1, #EAACBB, #95793A, #935968, #312D27)
• Frosted Amber color palette (#FFE3F2, #FFB6C1, #D37D52, #794F81, #502926)
• Misty Market color palette (#FFD4CA, #F19586, #C77914, #733557, #3A1010)
• Tempered Courtyard color palette (#FFF2F0, #CA6E92, #638B60, #246B70, #4C3735)

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