Driftwood Courtyard color palette — #F8ECE8 · #CEBFA7 · #B0A78C · #B16770 · #2D1A15

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

The five colors

• Cream (#F8ECE8): bright and airy, almost weightless.
• Stone (#CEBFA7): A luminous, dusty gold — the color of old brass.
• Taupe (#B0A78C): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#B16770): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#2D1A15): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Rust Canyon color palette (#F0E2DB, #BBB194, #9C9A7B, #AE523C, #1F0F07)
• Softworn Garnet Dune color palette (#ECE4EC, #BBAFB9, #A28297, #800825, #110611)
• Amber Alley color palette (#FDF3EC, #E3DDBD, #C4C79B, #D28059, #502600)
• Washed Delta color palette (#FBDDD7, #CC9871, #9E8536, #247480, #002941)
• Powdered Coast color palette (#E0E1C6, #53C080, #009478, #884F66, #171E01)
• Wandering Coral color palette (#FAD6C3, #FF9BBE, #FF8977, #C28400, #260900)
• Weathered Taupe color palette (#FCF3EF, #E0DACF, #AFB7A6, #A19F74, #504541)
• Ancient Cabin color palette (#F9ECD2, #FD5361, #AD6000, #00635F, #2F0500)

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