Cocoa Courtyard color palette — #E1EDE2 · #B49D64 · #5E4000 · #281900 · #010702

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#E1EDE2): a clean, paper-quiet neutral.
• Camel (#B49D64): A luminous, balanced gold — the color of old brass.
• Bronze (#5E4000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#281900): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#010702): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Dusty Orchard color palette (#DCEDEA, #C69371, #2A5214, #0A2300, #000706)
• Cocoa Market color palette (#F4E4EE, #A2A561, #782905, #360C00, #0E0109)
• Wandering Terrace color palette (#F7EDDF, #D2B05A, #835B00, #473105, #1F1404)
• Softworn Amber color palette (#EDF4EC, #CA9451, #007089, #764A00, #00070E)
• Soft Olive color palette (#EEDFD0, #A7A453, #417E1B, #00493A, #001B20)
• Amber Drift color palette (#D7E7EB, #C3756C, #00433C, #001614, #000203)
• Dusty Chestnut color palette (#FDF4E6, #EBCC8A, #825B01, #362400, #070300)
• Hushed Garnet Lantern color palette (#F3E3F4, #A5853F, #006D47, #67004C, #001E14)

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