Cocoa Courtyard color palette — #FFEFDF · #C8A56E · #906D4D · #723C0D · #2A2110

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C8A56E): A luminous, balanced gold — the color of old brass.
• Walnut (#906D4D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#723C0D): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2A2110): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Antique Bronze color palette (#FAF1DE, #C7BB90, #9C7E39, #774F05, #2E2D1F)
• Muted Amber Balcony color palette (#FFE3CF, #D98C3C, #A05327, #6F2A21, #291800)
• Hushed Coast color palette (#FFF1F6, #8FB195, #916845, #6F453A, #274437)
• Sunlit Lantern color palette (#F2DAC5, #B07A25, #7E4403, #52200B, #160C00)
• Tempered Driftwood color palette (#FFF1F6, #ADC6AB, #A98869, #805D6E, #314233)
• Washed Study color palette (#F1E6D7, #857000, #593E00, #361B00, #070500)
• Cornflower Veranda color palette (#FBEDFB, #2D87E9, #A16346, #575422, #221423)
• Aged Stone color palette (#E6F6F1, #CDAF70, #2E587E, #0B2E27, #01100C)

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