Driftwood Courtyard color palette — #F5F0F4 · #DDD5D4 · #A9A9B4 · #AF6F69 · #3C333A

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

The five colors

• Ivory (#F5F0F4): bright and airy, almost weightless.
• Silver (#DDD5D4): bright and airy, almost weightless.
• Ash (#A9A9B4): a calm mid-gray that lets other colors speak.
• Mocha (#AF6F69): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#3C333A): 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 Chapel color palette (#F9F3F7, #E1D7D7, #A6B4BD, #96768F, #575056)
• Ancient Bronze color palette (#EEF4EF, #CFDADB, #B1BFC6, #887332, #252F28)
• Antique Workshop color palette (#F9EDFC, #CBBFCF, #A18C96, #5C6B86, #3F374C)
• Denim Drift color palette (#E9F6EC, #D099AD, #947146, #374F89, #382436)
• Navy Basin color palette (#F5EFFB, #C189A2, #35816A, #48437D, #1D2544)
• Muted Cocoa color palette (#DEE7DF, #A8B7B1, #789493, #593E00, #020E04)
• Pewter Atelier color palette (#ECF4ED, #A9CCC0, #5F8C8A, #5E5D81, #1D372F)
• Onyx Station color palette (#F2E9EF, #859184, #587267, #4F1000, #040003)

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