Timeworn Courtyard color palette — #FFF2EF · #FFB0BB · #DA8C8D · #9A6964 · #564E4B

Watermelon takes the lead with Ballet Pink close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FFB0BB): A whisper-light, balanced red — the color of late-summer berries.
• Watermelon (#DA8C8D): A luminous, balanced red — the color of a theater curtain.
• Mocha (#9A6964): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#564E4B): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Muted Shell color palette (#FFF2ED, #FFABA2, #AEA9E2, #B67A74, #5F4453)
• Washed Sand Orchard color palette (#FFF2E9, #FFBE8B, #C8935E, #917147, #514C46)
• Muted Wisteria color palette (#FFEBEF, #EFB6F1, #C98BC1, #976A8A, #644747)
• Patina Driftwood Lagoon color palette (#FFE8E6, #E19FAD, #B56D6D, #885146, #634A00)
• Taupe Quarry color palette (#FFF2EB, #FFC9B8, #CB8670, #8A594A, #5D2900)
• Washed Apricot color palette (#FFF2EB, #F49478, #AFA761, #AE81A8, #48413D)
• Ember Alley color palette (#FFE0DB, #FF9479, #E75B00, #954400, #5B2D00)
• Muted Cocoa Courtyard color palette (#FFF2EB, #DFDACD, #9DC3B0, #C49D8C, #743F0C)

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