Worn Cocoa Courtyard color palette — #FCF4EA · #DBC7AB · #B19676 · #916C49 · #5E4200

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

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Oat (#DBC7AB): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B19676): A luminous, dusty gold — the color of old brass.
• Walnut (#916C49): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Weathered Chestnut Bloom color palette (#FFF3E6, #CFBA9F, #AD875B, #8D5C32, #403D36)
• Softworn Olive color palette (#EDE7D5, #9DA474, #797521, #5B4C00, #1E2900)
• Ancient Station color palette (#EFF8EE, #C5E3C5, #C6A981, #90707B, #35433A)
• Hushed Chestnut color palette (#F0E1D5, #AE8255, #904C00, #642900, #211300)
• Hushed Olive Boulevard color palette (#EEF9ED, #73BAB7, #B49666, #807F2B, #344133)
• Patina Atelier color palette (#EEE4D4, #816D26, #584100, #332000, #040300)
• Plum Loft color palette (#FFF1F5, #DBC0E9, #BE8BBD, #9B518A, #6A2C4E)
• Cerulean Thicket color palette (#F9F3F9, #C9D8B0, #5F7FA9, #354E6F, #322732)

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