Cocoa Courtyard color palette — #EDDECB · #AB956E · #805D2A · #602F00 · #1F1700

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

The five colors

• Parchment (#EDDECB): A whisper-light, dusty gold — the color of old brass.
• Caramel (#AB956E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#805D2A): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#602F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#1F1700): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Hushed Lantern color palette (#F3E4C8, #8B8A52, #675300, #452B00, #0B1100)
• Timeworn Courtyard color palette (#F9F1E0, #B6AB85, #817544, #634610, #26230E)
• Tempered Chestnut color palette (#E0ECDF, #9F986C, #875810, #6A311F, #113830)
• Frosted Garnet color palette (#FFE5D3, #C27B30, #923F00, #6B0400, #1B0F00)
• Tempered Terracotta color palette (#FFF3E5, #D6C69F, #AD8045, #893F27, #252300)
• Misty Cobalt color palette (#F3E4F0, #4F71C0, #984E00, #3F4A00, #1C071A)
• Garnet Studio color palette (#DCDDF2, #A58AC2, #86488C, #670049, #320012)
• Indigo Workshop color palette (#FFEBF8, #5F5EB9, #774200, #123E00, #001107)

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