Timeworn Cocoa Courtyard color palette — #EEE3DA · #BCB1A6 · #9B8B74 · #663500 · #120802

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#EEE3DA): bright and airy, almost weightless.
• Stone (#BCB1A6): soft and architectural.
• Caramel (#9B8B74): A luminous, dusty gold — the color of old brass.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#120802): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Timeworn Cocoa 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 Bronze Grove color palette (#E4DED5, #A79F90, #927931, #483100, #080300)
• Cocoa Delta color palette (#E8E0E4, #B2BCB3, #799689, #6C3200, #2E1623)
• Wandering Chestnut Delta color palette (#F6F1E9, #DAD3C2, #B2AC91, #6F5800, #221806)
• Airy Amber Cabin color palette (#F4E7D5, #E27A00, #AD7700, #625800, #0C0600)
• Hushed Chestnut Lagoon color palette (#FBE7C7, #875A00, #463B00, #00251A, #090400)
• Fern Studio color palette (#F6EECF, #7B8143, #466027, #00393A, #001317)
• Chestnut Parlor color palette (#F2DBC2, #7A4D00, #2D3D00, #330028, #0D0000)
• Patina Cocoa color palette (#EFE7DE, #BAB2A5, #968C78, #5C3D00, #110902)

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