Driftwood Loft color palette — #FAF4F0 · #DBDAD4 · #9FB0AD · #A6755C · #5A504A

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#DBDAD4): bright and airy, almost weightless.
• Ash (#9FB0AD): a calm mid-gray that lets other colors speak.
• Mocha (#A6755C): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#5A504A): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Driftwood color palette (#F7EFF3, #DFD4D3, #A5B2BC, #9C7688, #3B3437)
• Hushed Pewter color palette (#FFF2EE, #DBCBB9, #9C987F, #816378, #634A4E)
• Softworn Olive color palette (#F7F5EF, #D6DDD6, #B2C5BB, #747A2F, #4A483E)
• Dusty Basalt color palette (#EEEADF, #BABAAD, #89927C, #4C4600, #261E09)
• Muted Hollow color palette (#FEF3E6, #D09886, #847741, #51528D, #683B00)
• Fern Terrace color palette (#F9F5EC, #C4C2A8, #618D6F, #7F5C57, #554F00)
• Muted Corridor color palette (#EDE7E2, #A1998B, #7F7126, #432100, #120600)
• Hushed Fern color palette (#F5F6EC, #CDD7C1, #77B3B2, #336A00, #33332C)

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