Driftwood Courtyard color palette — #FBF3F3 · #DFD9D3 · #A5AFA4 · #9B7390 · #5B4F50

Heather takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Bone (#DFD9D3): a clean, paper-quiet neutral.
• Ash (#A5AFA4): a calm mid-gray that lets other colors speak.
• Heather (#9B7390): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#5B4F50): 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

• Tempered Driftwood Field color palette (#F3F0F7, #DCD4D8, #BFACAA, #8B7B9C, #37353A)
• Hushed Boulevard color palette (#FAF5E8, #BB9BBE, #9B6765, #036572, #594040)
• Aged Pewter color palette (#FFF1F4, #D6B9B6, #AD9383, #54745F, #5E4C5B)
• Plum Boulevard color palette (#FCF3F1, #DFD8CE, #CCB8A6, #AC3A68, #513935)
• Softworn Driftwood Field color palette (#F9F5EC, #C6C2A4, #7D8843, #7A5C68, #574E00)
• Ancient Pier color palette (#FBF3EE, #BB8B75, #96633D, #006348, #4C385E)
• Ancient Mulberry Grove color palette (#F5ECEA, #D4CAC4, #AC9E8E, #902942, #3D2722)
• Weathered Onyx color palette (#F1E5E5, #A8958F, #9B6136, #510036, #130505)

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