Cocoa Courtyard color palette — #FDEFE3 · #BEA78C · #926C4D · #703C27 · #2C210B

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

The five colors

• Cream (#FDEFE3): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BEA78C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#926C4D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#703C27): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2C210B): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Garnet Study color palette (#FFE3D0, #CA9264, #A1522B, #800D10, #291800)
• Bronze Terrace color palette (#FFF1F7, #BAA476, #97653F, #6F4442, #2E423A)
• Worn Archive color palette (#F4E3D5, #A57E4E, #814100, #591700, #150D00)
• Wandering Bronze color palette (#FBEAD4, #827033, #5B3D00, #371A00, #060600)
• Cobalt Cabin color palette (#FBECFC, #4E8AC8, #A1624C, #5A5400, #241226)
• Antique Aubergine color palette (#E6EDFF, #A8A2DB, #8564A2, #731A73, #49002E)
• Muted Denim color palette (#E8F5F1, #C8AF89, #245981, #002A46, #02100C)
• Ultramarine Garden color palette (#F7EFF7, #97B5E1, #9A589F, #1D61BE, #1C060B)

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