Cocoa Courtyard color palette — #FCF3EF · #CBDECC · #B77064 · #6E3313 · #221915

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#CBDECC): A whisper-light, dusty green — the color of fresh herbs.
• Caramel (#B77064): A luminous, balanced orange — the color of sun-warmed clay.
• Rust (#6E3313): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#221915): a grounded near-black with real depth.

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

• Weathered Bronze color palette (#FBF4E6, #DDE7B1, #87762F, #42380A, #130F06)
• Aged Loft color palette (#FEF2EF, #D9E5AD, #C58D92, #83655D, #332926)
• Marigold Coast color palette (#F6EDDE, #C89A2A, #4D3800, #1D2723, #0C0600)
• Chestnut Veranda color palette (#F7EFF6, #CAC596, #835250, #3E283C, #1A1019)
• Timeworn Bronze Loft color palette (#FFF2E9, #FFD270, #A54F00, #4C2000, #100500)
• Washed Mustard color palette (#FFF3E7, #DBB562, #764200, #271200, #020100)
• Charred Ridge color palette (#F6DDCE, #9A7300, #340C00, #0F0A04, #040000)
• Worn Hollow color palette (#FFF2EB, #F9AE98, #6FBFB3, #5B87A8, #37302C)

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