Cocoa Courtyard color palette — #FFF2EE · #D2A380 · #753F44 · #491F24 · #251B11

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Camel (#D2A380): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#753F44): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#491F24): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#251B11): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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 Cocoa color palette (#FEF3EC, #D7BB9B, #7C5341, #592A00, #2A2417)
• Washed Veranda color palette (#FFF3E7, #C9984A, #6A3B00, #3B1E00, #191400)
• Ancient Hollow color palette (#FAF2FE, #C4CA93, #9D5972, #613143, #271D2C)
• Softworn Thicket color palette (#FBF1FC, #FACAA7, #C87C83, #725974, #281D29)
• Sunlit Amber Quarry color palette (#FFDCCB, #CE7D00, #6E1400, #370600, #110600)
• Bronze Archive color palette (#FFF3E2, #C38953, #85640F, #1A5C39, #413C36)
• Tempered Apricot color palette (#FFECE1, #D49E69, #987032, #654A00, #2F400F)
• Weathered Bronze Grove color palette (#FBF3EF, #DCD9D2, #C1BFB1, #986652, #4E4640)

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