Cocoa Courtyard color palette — #FFF2ED · #C9AA68 · #7D3A37 · #342C29 · #23190D

Rust and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Camel (#C9AA68): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7D3A37): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#342C29): quiet, heavy and certain.
• Ink (#23190D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Dusty Chestnut Cabin color palette (#FFF3E8, #D8BD83, #83501C, #552D00, #28251A)
• Weathered Marigold Canyon color palette (#FFF3E3, #CB9900, #604200, #352200, #161401)
• Tempered Boulevard color palette (#FCF1FB, #CBC78C, #9E5C60, #513852, #291C2A)
• Worn Canyon color palette (#FBF2F9, #F4CDAB, #BD847A, #895249, #2C1B28)
• Dusty Amber color palette (#FFF4E2, #CC8533, #726D10, #25536D, #413C36)
• Deep Hollow color palette (#FAE7D2, #785900, #222F2E, #201000, #050200)
• Marigold Workshop color palette (#FFE9DC, #E1A457, #8A7120, #5A5700, #354800)
• Ancient Canyon color palette (#F0EBDA, #9A7300, #282900, #121920, #090A00)

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