Cocoa Courtyard color palette — #FFF2EB · #C99C7E · #9B624E · #7C3D25 · #573400

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#C99C7E): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#9B624E): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#7C3D25): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Hushed Chestnut Villa color palette (#FFF4DF, #ABAA7A, #847134, #704800, #463E00)
• Amber Alley color palette (#FBE2D2, #C08958, #8B5438, #64352E, #34302A)
• Patina Pewter Chapel color palette (#FFF0FA, #DBB597, #B18273, #8C585E, #2E4332)
• Patina Garden color palette (#FBEAFF, #E18CC6, #A55972, #7B353A, #672008)
• Faded Boulevard color palette (#F8E2D8, #A96200, #712F00, #510301, #211300)
• Antique Atelier color palette (#FEF1F5, #C19CE3, #A94C5D, #6F5089, #311F1A)
• Misty Chapel color palette (#FAF0D2, #7C9328, #5D5800, #463400, #262608)
• Lilac Hollow color palette (#DDF0D8, #FFAF79, #ACA4FF, #513B3C, #34282F)

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