Driftwood Courtyard color palette — #F6F4FA · #DFD7DB · #B3AAA3 · #9D738B · #545059

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

The five colors

• Ivory (#F6F4FA): bright and airy, almost weightless.
• Silver (#DFD7DB): bright and airy, almost weightless.
• Ash (#B3AAA3): soft and architectural.
• Heather (#9D738B): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#545059): a grounded near-black with real depth.

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

Use it as a design system

One click turns Driftwood Courtyard 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 Delta color palette (#F3F0F7, #DED4D7, #C3AFA6, #9D7393, #37353A)
• Dusty Cypress color palette (#FAF1FF, #D2C2CF, #AD8A96, #48757B, #414E63)
• Bronze Orchard color palette (#FAF3F6, #E4D8D6, #B5C6C3, #A06340, #4F444A)
• Worn Bronze color palette (#E9FAEC, #CA96AD, #A26459, #2B674B, #514155)
• Ancient Onyx Hollow color palette (#ECE6F0, #A295A2, #816779, #53002E, #0D0611)
• Aged Basalt Villa color palette (#F0E7EB, #A1ADA2, #658975, #542C00, #230A16)
• Weathered Mulberry Delta color palette (#F4EBF3, #D4C8D0, #B497A4, #9F052F, #382738)
• Amber Boulevard color palette (#FAF2FE, #F1D3D9, #FAA7B9, #DD8754, #554256)

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