Cocoa Courtyard color palette — #FFF2EC · #D2BD9C · #804F46 · #5E2500 · #2A2217

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sand (#D2BD9C): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#804F46): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5E2500): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A2217): 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

• Bronze Summit color palette (#FBF3EF, #E5B39D, #768451, #945D44, #2F2E27)
• Stone Coast color palette (#FCF4E5, #C5AB76, #5D511A, #312E27, #1A1C0D)
• Softworn Pier color palette (#FAF2FA, #AFDDCE, #90728E, #6D3E3E, #322732)
• Patina Taupe Orchard color palette (#FBF2F9, #F1DBAF, #C78E83, #7D6477, #322730)
• Amber Chapel color palette (#EEDAC7, #AE8520, #502C00, #241100, #070500)
• Deep Study color palette (#EEE7D0, #896600, #1F2A2D, #1F1E00, #050500)
• Cocoa Pier color palette (#FFF4E2, #C6A070, #777B4F, #3A5D79, #5E4200)
• Aged Denim color palette (#FEF3EB, #A5734E, #1D7A77, #3D4A7B, #443231)

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