Timeworn Courtyard color palette — #FFEDEE · #DFAFA0 · #9F7950 · #665517 · #252E00

Coffee and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFEDEE): bright and airy, almost weightless.
• Rosewood Mist (#DFAFA0): A luminous, dusty orange — the color of toasted spice.
• Mocha (#9F7950): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#665517): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#252E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Timeworn Courtyard color palette (#FFEFE0, #D5BE92, #8D9055, #3B6134, #00392B)
• Patina Cocoa Pier color palette (#FFECEF, #E0ADC9, #AC7174, #7B4221, #3F2600)
• Antique Chestnut color palette (#FFF2E9, #D5B394, #A67E4E, #795500, #574500)
• Ancient Taupe Delta color palette (#F9F1E2, #DA988F, #8D753F, #3B5375, #38281C)
• Amber Thicket color palette (#F9E2D8, #C07C26, #635600, #233600, #001003)
• Soft Bronze color palette (#FDF0FF, #E8C1DE, #C39067, #8B7200, #435100)
• Dusty Bronze color palette (#F8F0EC, #D9D7CE, #A8B0A8, #B1704F, #3D342F)
• Tempered Quarry color palette (#FFDAD1, #EC8F29, #8C6A00, #3F4500, #082000)

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