Driftwood Pier color palette — #F3DFFF · #DC9EA4 · #B26C60 · #7C5030 · #233B21

Mocha takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F3DFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#DC9EA4): A luminous, dusty red — the color of late-summer berries.
• Mocha (#B26C60): A luminous, balanced orange — the color of autumn markets.
• Coffee (#7C5030): A full-bodied, dusty gold — the color of honey in a jar.
• Forest (#233B21): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Antique Bronze Summit color palette (#FFE6F4, #E2B28E, #9F7E41, #625A22, #143D32)
• Weathered Basin color palette (#F4EFFF, #EAA9C3, #BC7476, #81463D, #442837)
• Timeworn Canyon color palette (#FBEDF5, #DBA591, #5EA9BB, #9A614B, #053649)
• Cocoa Dune color palette (#FFF2ED, #E4D7CE, #DD9888, #A7705C, #713B09)
• Faded Coral Ridge color palette (#FAE8E8, #FC7356, #AA5900, #5E3A00, #332800)
• Driftwood Grove color palette (#FDECF7, #C3E2F6, #B0ADB9, #987C9C, #45333B)
• Hushed Lagoon Grove color palette (#E5F7EE, #A4C3BA, #638E79, #475F4A, #18312F)
• Frosted Boulevard color palette (#FFDBC1, #C49A50, #827700, #495300, #173512)

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