Cocoa Courtyard color palette — #FFEEE4 · #C4A35C · #822C00 · #3C1000 · #120400

Rust takes the lead with Camel close behind in a set that reads as optimism and balance at first glance.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C4A35C): A luminous, balanced gold — the color of old brass.
• Rust (#822C00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3C1000): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#120400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. 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

• Timeworn Marigold color palette (#FCF0DC, #C7A251, #5F4900, #2A1F00, #0D0600)
• Soft Boulevard color palette (#FFF0FB, #A1AA41, #871409, #4E0200, #271223)
• Washed Dune color palette (#FFEDEB, #CBA140, #851553, #410024, #160102)
• Chalky Olive Basin color palette (#FEEFE3, #DD9461, #447C00, #8B4500, #0A0A00)
• Softworn Rust Bloom color palette (#FFF0F9, #E1B34B, #B13E00, #662000, #291121)
• Driftwood Alley color palette (#E9DCD3, #A78948, #5B2800, #210B00, #040100)
• Antique Rust Meadow color palette (#FFF2EC, #D5E192, #A54C3B, #5B0900, #120300)
• Tempered Alley color palette (#F3F2EA, #D6C09E, #5E663C, #2E350B, #161407)

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