Worn Cocoa Courtyard color palette — #FBF3EE · #DADCCA · #B9C2B3 · #A1755F · #5B2C00

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DADCCA): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#B9C2B3): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A1755F): A luminous, dusty orange — the color of autumn markets.
• Espresso (#5B2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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 Bronze Basin color palette (#FDF4E3, #E1E0C2, #B4C5A2, #917400, #36322C)
• Tempered Amber color palette (#F9F4EF, #DCDACD, #C4C4AC, #DB8940, #573000)
• Dusty Amber Boulevard color palette (#FAF3F6, #CDD9DC, #A5A4B0, #C17441, #362A30)
• Muted Chestnut Studio color palette (#E8DFD2, #B8B5A1, #8F9B76, #6C4C00, #1D1101)
• Timeworn Stone color palette (#FFDAD0, #C1B67C, #879173, #846375, #5A374B)
• Lagoon Thicket color palette (#FDF4E3, #A1BF8D, #379374, #7B585F, #36362F)
• Timeworn Atelier color palette (#F6ECDF, #A57700, #464200, #2B1F0E, #140B05)
• Soft Tangerine Lagoon color palette (#FFEBD0, #EE7D56, #757F28, #415286, #342F2A)

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