Cocoa Courtyard color palette — #E4DDD6 · #BEB1A0 · #9B8B6F · #613900 · #130800

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

The five colors

• Bone (#E4DDD6): bright and airy, almost weightless.
• Stone (#BEB1A0): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9B8B6F): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#613900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#130800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Wandering Garnet Dune color palette (#EAE1DE, #C3AEA5, #A48675, #820020, #130705)
• Washed Cocoa color palette (#F2E4E9, #ACBEB0, #79958B, #673600, #291A21)
• Bronze Loft color palette (#F5EFE6, #A89F88, #8D7B32, #443400, #070400)
• Ancient Fern color palette (#F5F1EA, #D9D4C0, #A4B287, #685C00, #201907)
• Patina Boulevard color palette (#F5F1EB, #D8D9CE, #BBC0AF, #8E6F3D, #302B25)
• Tempered Chestnut Coast color palette (#E5DED0, #7E5F00, #3F3E00, #00251F, #070500)
• Frosted Amber Market color palette (#F7E9D5, #D08200, #9C7300, #686200, #080500)
• Driftwood Coast color palette (#F1ECD4, #83873F, #3C5C24, #003333, #001508)

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