Driftwood Boulevard color palette — #FBF3F2 · #DED9D3 · #A4AFA5 · #AB6D7B · #5C4F4C

Mocha and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Silver (#DED9D3): bright and airy, almost weightless.
• Ash (#A4AFA5): a calm mid-gray that lets other colors speak.
• Mocha (#AB6D7B): A luminous, balanced red — the color of a theater curtain.
• Charcoal Brown (#5C4F4C): 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

• Wandering Driftwood Harbor color palette (#F8F0EF, #DBD7CF, #ABB3A7, #A27671, #3D3332)
• Wandering Ash Ridge color palette (#F7F3F9, #E4D8D9, #B2B7C3, #A792B3, #545156)
• Timeworn Cocoa Station color palette (#EDE5DF, #BFB8AE, #988D73, #673600, #2A1C0E)
• Dusty Market color palette (#FDF4E5, #C99B8F, #9B6A4C, #05685D, #703417)
• Hushed Driftwood color palette (#FFF2ED, #DAC0AF, #9B8A6F, #607663, #315348)
• Wandering Corridor color palette (#F6F6EE, #BFC4A7, #728C4B, #845958, #4B5302)
• Washed Brick color palette (#FAF3F0, #DFD9CC, #CFB8A0, #B53732, #672C0D)
• Olive Garden color palette (#FDF3EF, #BB8989, #757433, #006063, #413C63)

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