Cocoa Courtyard color palette — #ECF9ED · #88B39B · #876E46 · #714529 · #24443B

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#ECF9ED): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#88B39B): A luminous, dusty teal — the color of sea glass.
• Walnut (#876E46): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#714529): A full-bodied, dusty gold — the color of honey in a jar.
• Forest (#24443B): A deep, shadowed, dusty teal — the color of glacier melt.

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 Cocoa color palette (#DEECE0, #79A18E, #796025, #663600, #003A30)
• Tempered Cocoa color palette (#FEF1F8, #C09BA7, #9A6346, #7E393A, #2C4334)
• Worn Amber Courtyard color palette (#EBFAED, #CDBC91, #AD8945, #836238, #2C4336)
• Bronze Terrace color palette (#FAF0E2, #BCAA7A, #926E26, #6A4200, #292210)
• Weathered Fern color palette (#EDF8F5, #A0B881, #007A9E, #4C6C00, #152631)
• Lagoon Archive color palette (#E7FED0, #7FBF9E, #008D81, #005969, #003F63)
• Faded Pier color palette (#E8F9FC, #009686, #37789F, #7C2F75, #10393F)
• Softworn Olive color palette (#D9EDDF, #696D1A, #463600, #2C1600, #040F00)

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