Driftwood Pier color palette — #FCF2F4 · #E1D8D3 · #ACAEA3 · #967596 · #595051

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

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Bone (#E1D8D3): bright and airy, almost weightless.
• Ash (#ACAEA3): a calm mid-gray that lets other colors speak.
• Heather (#967596): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#595051): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Bronze color palette (#FBF3EF, #DFDAD0, #C4BFB1, #A16241, #504540)
• Weathered Grove color palette (#FFF2EE, #D8C3B9, #9F8B7D, #827126, #495546)
• Chestnut Balcony color palette (#FFF3E9, #CE93AF, #9D656C, #765105, #59403D)
• Dusty Petal color palette (#FFF1F1, #E6D0CC, #FFB6DF, #CA8694, #604442)
• Washed Balcony color palette (#EADFDF, #A99493, #856965, #4E0040, #120506)
• Wandering Mulberry color palette (#F8EBE9, #D6C8C5, #AF9B94, #883153, #372A28)
• Hushed Garnet Garden color palette (#EBDFD8, #B5A69A, #A5733C, #5F2100, #1E1006)
• Weathered Terrace color palette (#FFEDEB, #A86483, #493834, #332524, #1B130F)

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