Cocoa Courtyard color palette — #F7E5DB · #B47830 · #7F2700 · #2B0800 · #040100

Rust and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F7E5DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B47830): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7F2700): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#2B0800): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, muted, warm.

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 Bloom color palette (#E7DCD2, #DEAF6D, #B26100, #6D3900, #150800)
• Chalky Dune color palette (#F6DAD8, #C16E3E, #7E1A4D, #2E0017, #070000)
• Amber Harbor color palette (#ECDDD1, #CA7013, #776200, #844500, #020200)
• Nocturne Bronze Alley color palette (#F7E4DC, #827600, #580203, #161509, #140000)
• Dusty Terracotta color palette (#FFF2EA, #FBC37F, #C87647, #924100, #2C1300)
• Timeworn Chestnut Lantern color palette (#EBE3D9, #A1A193, #898E6D, #885700, #110700)
• Tempered Quarry color palette (#E7E1D1, #B29232, #665800, #302800, #030200)
• Misty Mustard color palette (#EEE5C5, #E1BB1B, #878300, #535100, #150F00)

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