Driftwood Pier color palette — #F7F1EB · #D7D8CF · #A6B0AB · #9E7B5C · #3B352F

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

The five colors

• Cream (#F7F1EB): bright and airy, almost weightless.
• Silver (#D7D8CF): a clean, paper-quiet neutral.
• Ash (#A6B0AB): a calm mid-gray that lets other colors speak.
• Mocha (#9E7B5C): A luminous, dusty gold — the color of old brass.
• Espresso (#3B352F): quiet, heavy and certain.

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

• Hushed Lantern color palette (#FFEEE1, #CABFAC, #919580, #7D646C, #51373B)
• Bronze Loft color palette (#F6F1EA, #D3DBC8, #BFC2A3, #896400, #2F230F)
• Ancient Taupe Loft color palette (#FAF3F5, #CFD9DB, #A7A5B0, #BF9169, #585053)
• Fern Parlor color palette (#F1EFE8, #B2B5A4, #839378, #424900, #0E0B00)
• Taupe Meadow color palette (#FDF0DF, #D1A078, #757E4D, #67455C, #362A18)
• Olive Garden color palette (#E6E0D8, #948D7C, #726E23, #3C2400, #020100)
• Taupe Study color palette (#F9F0E7, #BF9262, #267F87, #47476F, #3D1A27)
• Dusty Thicket color palette (#F9F1E3, #E9D5C6, #E1C783, #74A874, #332B0C)

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