Driftwood Harbor color palette — #FCF3F2 · #DFD8D3 · #AAAEA5 · #A17474 · #5C4F4F

Built around Mocha, softened by Charcoal Brown — the whole palette hums with sophistication.

The five colors

• Ivory (#FCF3F2): a clean, paper-quiet neutral.
• Silver (#DFD8D3): bright and airy, almost weightless.
• Ash (#AAAEA5): a calm mid-gray that lets other colors speak.
• Mocha (#A17474): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#5C4F4F): a grounded near-black with real depth.

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

Use it as a design system

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

• Driftwood Loft color palette (#F8F0F0, #DBD6D1, #AEAFA5, #A66E92, #3F3233)
• Timeworn Alley color palette (#FFF3E7, #D0959D, #9E665B, #605B2F, #58423A)
• Aged Shell Lantern color palette (#FFF2EF, #EED6D7, #FFADC1, #BE837C, #5D3F37)
• Dusty Cocoa Boulevard color palette (#FBF3F0, #DFD9CC, #BEB0A6, #8F4F45, #612703)
• Aged Cocoa color palette (#F1E4DD, #C5B6AA, #9D8A78, #752700, #2A1C13)
• Bronze Lantern color palette (#FFF2ED, #DBBEAB, #9B8D7F, #797025, #515604)
• Onyx Summit color palette (#F3E2E0, #AA948E, #9F5C44, #51052A, #150403)
• Wandering Driftwood color palette (#FCF2F4, #DFD8D4, #ACAEA4, #A1747B, #5C4F50)

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