Driftwood Pier color palette — #F6F1EB · #D6D8D0 · #A6B9AD · #9B7D56 · #393531

A conversation between Mocha and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F6F1EB): a clean, paper-quiet neutral.
• Silver (#D6D8D0): a clean, paper-quiet neutral.
• Ash (#A6B9AD): A luminous, dusty teal — the color of sea glass.
• Mocha (#9B7D56): A luminous, dusty gold — the color of afternoon light on wheat.
• Espresso (#393531): a grounded near-black with real depth.

Feels like: Optimism, 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

• Tempered Bronze Basin color palette (#F5F1EA, #D2DBC9, #C1C2A5, #806900, #2C2413)
• Weathered Chestnut color palette (#F3F2E8, #C2C7AA, #5A9076, #885321, #31322B)
• Antique Taupe Lantern color palette (#FDF0DD, #D0CCB6, #929D78, #715D6C, #533E46)
• Dusty Fern color palette (#EAE9DD, #B2B6A0, #869279, #354C00, #0C0B02)
• Weathered Driftwood color palette (#FCF2F5, #CCDADF, #9FA1AB, #9B7683, #595053)
• Olive Garden color palette (#F9F1E4, #C8A56E, #72803B, #345575, #332B1A)
• Dusty Basin color palette (#F3EDE5, #948D7A, #647148, #372600, #020100)
• Dusty Station color palette (#F8F1E2, #DFD8C3, #ECCA62, #80A86C, #302814)

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