Driftwood Boulevard color palette — #F7F0EC · #D8D7CF · #A8B5A9 · #A47667 · #3B3531

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

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#D8D7CF): a clean, paper-quiet neutral.
• Ash (#A8B5A9): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A47667): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#3B3531): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Boulevard 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

• Washed Bronze Dune color palette (#FBF3EE, #DDDAD0, #A2B1A9, #AD7247, #57514E)
• Driftwood Orchard color palette (#FFEEE5, #D4C4AE, #928F76, #7A656F, #4A3640)
• Basalt Pier color palette (#EFEBE2, #B6B4A2, #89936C, #524200, #100900)
• Bronze Lagoon color palette (#F7F0EA, #D7DAC5, #C5C0A3, #9C5700, #302113)
• Bronze Chapel color palette (#FBF0E1, #DA988A, #8C7635, #3E507F, #38291C)
• Patina Bronze color palette (#F4EBE5, #998B78, #7E691E, #461C00, #030100)
• Worn Honey Drift color palette (#FAF0E7, #DBD1C5, #F9B779, #96A35C, #372A11)
• Tempered Pine Terrace color palette (#FCEFEA, #CB8883, #2B845C, #514078, #3C1B27)

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