Driftwood Pier color palette — #F4F2EA · #D3D9D0 · #A3B2AC · #94823A · #38362E

Built around Walnut, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F2EA): a clean, paper-quiet neutral.
• Silver (#D3D9D0): a clean, paper-quiet neutral.
• Ash (#A3B2AC): a calm mid-gray that lets other colors speak.
• Walnut (#94823A): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#38362E): quiet, heavy and certain.

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

• Weathered Corridor color palette (#F7F1E5, #CFC39B, #91843B, #795D10, #33312A)
• Muted Abyss Canyon color palette (#DBE4D9, #93A694, #66846F, #003F3C, #010600)
• Wandering Taupe Basin color palette (#F8F5EE, #D6DDD5, #A7B5B5, #A49D70, #55524B)
• Hushed Quarry color palette (#F1F6D5, #BFCAAB, #8E9A88, #596D66, #433843)
• Taupe Villa color palette (#FAF2DA, #A0B66A, #5D845D, #225A67, #2E2D1A)
• Ancient Olive color palette (#E6E5DD, #8E8F7E, #6A712A, #242F00, #020100)
• Aged Boulevard color palette (#F0F3EB, #C9DCD0, #AEBCA7, #387350, #1F2219)
• Muted Emerald Study color palette (#EEEFDE, #589537, #384100, #1F1F16, #0D0D07)

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