Weathered Courtyard color palette — #ECE3D7 · #B39017 · #553700 · #211300 · #050200

Mustard takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#ECE3D7): bright and airy, almost weightless.
• Mustard (#B39017): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#553700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#211300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

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

Use it as a design system

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

• Moss Workshop color palette (#F7D9CA, #999C00, #721900, #2E0500, #070100)
• Worn Amber color palette (#F2F1DF, #B87F4F, #2A4100, #0B1600, #020200)
• Apricot Pier color palette (#F8F2DA, #D39B5D, #4B5100, #202300, #0A0700)
• Muted Mustard Villa color palette (#D6ECD6, #D0A500, #7B5100, #402800, #041405)
• Amber Chapel color palette (#F8EBDD, #D17F00, #006774, #6D4000, #000406)
• Muted Fern Chapel color palette (#EDDFD5, #A58F00, #296D00, #004131, #00171A)
• Misty Garnet color palette (#EDD9D8, #A17800, #00623F, #580049, #121400)
• Weathered Mustard color palette (#E8FCE8, #EEBB40, #765000, #2B1B00, #000200)

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