Softworn Driftwood Pier color palette — #F6F0F3 · #DFD4D3 · #A5B0BA · #A27764 · #3B3438

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#DFD4D3): bright and airy, almost weightless.
• Ash (#A5B0BA): soft and architectural.
• Mocha (#A27764): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal (#3B3438): quiet, heavy and certain.

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

Use it as a design system

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

• Pewter Hollow color palette (#EDF4F0, #CEDADC, #A8C3CD, #767948, #242F2A)
• Aged Bronze Quarry color palette (#FCF3EF, #DCDBD1, #A2B0AE, #AF704C, #57514E)
• Bronze Field color palette (#E6F7E9, #D09F82, #8C7632, #175B6E, #39262C)
• Dusty Basalt color palette (#D8E1DC, #A5B8B1, #6E9790, #4E4400, #030E07)
• Washed Ash color palette (#FFECF3, #BED7C4, #76A395, #576F82, #3C4351)
• Wandering Onyx color palette (#E7DCE0, #829382, #51745F, #431F00, #040002)
• Pine Field color palette (#F9EFF3, #C58F64, #2E8453, #224E7A, #2E2139)
• Weathered Orchard color palette (#FBEEF2, #E4D7CB, #FBBB73, #A6AA5D, #1C2F20)

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