Driftwood Loft color palette — #F9F3F8 · #E1D7D7 · #B0ADA4 · #94778F · #575056

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D7D7): a clean, paper-quiet neutral.
• Ash (#B0ADA4): a calm mid-gray that lets other colors speak.
• Heather (#94778F): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#575056): a grounded near-black with real depth.

Feels like: 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

• Lagoon Boulevard color palette (#EFF7F4, #DFD4D3, #A79E95, #5F8D7B, #4D5451)
• Washed Balcony color palette (#F5F0F5, #DDD5D4, #B5AEA4, #6783B3, #3A343A)
• Weathered Ash color palette (#FDF4E6, #98A5D5, #846C92, #6B562C, #56404C)
• Wandering Field color palette (#FAEBEE, #C7B3B4, #A58580, #5E2C68, #2C191D)
• Timeworn Ash color palette (#FFF0F9, #DCDDEE, #C7C8FF, #B386AE, #583844)
• Timeworn Navy color palette (#F4ECF1, #A7939C, #85676E, #1F196C, #13030F)
• Bronze Boulevard color palette (#FFF0FA, #CFB9BF, #A28887, #8A7229, #515400)
• Tempered Mulberry color palette (#FFF2F0, #E9CBC2, #C49D88, #A01061, #462B28)

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