Timeworn Driftwood Courtyard color palette — #F8F2FF · #AFDDCD · #9A6D8A · #534762 · #2E2934

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Oat (#AFDDCD): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#9A6D8A): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal Brown (#534762): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#2E2934): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Timeworn 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

• Hushed Driftwood Harbor color palette (#FFF1F2, #F2FCC6, #A27596, #5A3D40, #221819)
• Taupe Parlor color palette (#F8F3FA, #FFD4BB, #C9899D, #776580, #2F2832)
• Patina Bronze Pier color palette (#FFF0F8, #D5C488, #996241, #5C3823, #2C1C24)
• Patina Driftwood color palette (#F7F3FA, #F4C0D5, #B99556, #B87492, #253226)
• Ancient Delta color palette (#E8FBEE, #EDA9AC, #AE8C5F, #54728E, #55404E)
• Timeworn Ash Corridor color palette (#F9F3F9, #E2D7D7, #B0B3BE, #AE90AC, #565056)
• Blush Harbor color palette (#F8F2FE, #D992B4, #67A9A6, #4C8683, #42394A)
• Tempered Apricot Corridor color palette (#FFF0F9, #DF9479, #808948, #2D7272, #353342)

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