Driftwood Courtyard color palette — #FFF1F7 · #CDECE3 · #C8A1B4 · #A26962 · #324439

Mocha takes the lead with Mauve close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Honeydew (#CDECE3): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#C8A1B4): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#A26962): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#324439): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Ancient Hollow color palette (#EBF9F1, #BCE6EB, #B7B080, #907551, #294542)
• Ancient Pewter color palette (#FFF0F8, #FDCEDD, #C69074, #965655, #1D3927)
• Chestnut Atelier color palette (#FFF2E9, #CFB391, #9F765E, #894A2F, #5C4300)
• Tempered Stone Chapel color palette (#FFECF4, #D9B391, #9C7588, #6B4E5F, #252F24)
• Worn Alley color palette (#EEF6FF, #9FC7F5, #DB9AA0, #8C8440, #233344)
• Olive Cabin color palette (#F3F4FD, #C4B1E9, #B47888, #736C18, #1D2D39)
• Hushed Plum color palette (#EDF7FF, #DBD9E3, #BFADE2, #9E5D9A, #692244)
• Worn Bronze color palette (#E5FCE9, #B8B67F, #947014, #6A3700, #0C1600)

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