Driftwood Pier color palette — #FDF2F4 · #D7B0E1 · #AC6768 · #825D8C · #372B26

Mocha takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FDF2F4): a clean, paper-quiet neutral.
• Lavender (#D7B0E1): A luminous, dusty pink — the color of peonies in June.
• Mocha (#AC6768): A full-bodied, balanced red — the color of late-summer berries.
• Slate (#825D8C): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#372B26): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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

• Hushed Orchard color palette (#F9EFF2, #D1B7E8, #B46C5F, #83609E, #1F120C)
• Aged Stone color palette (#FCF3F0, #F4A7B6, #9D743E, #945965, #322D27)
• Dusty Canyon color palette (#FBF2F8, #ADBEF4, #A36593, #5A6AA0, #362A2B)
• Mallow Workshop color palette (#FFF0FD, #F1A7C3, #A86A72, #7D4842, #693515)
• Wandering Lilac Bloom color palette (#F4F4FC, #CCCCF7, #C88A79, #9C7DB7, #362932)
• Tempered Blush color palette (#FEF4E5, #D78CB4, #9F665F, #50611D, #57423E)
• Hushed Parlor color palette (#FCF2F2, #E1D8D2, #A8AFA3, #A17476, #585050)
• Worn Market color palette (#FFF2EF, #FFD4DE, #FFB0CA, #C38D74, #523D37)

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