Cocoa Courtyard color palette — #F6E0D7 · #BD703A · #803200 · #420A00 · #030100

Rust takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F6E0D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#BD703A): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#803200): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#420A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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 Bloom color palette (#F4E7D5, #A0821D, #644800, #311D00, #020100)
• Wandering Chestnut color palette (#FEDFC7, #C38C5E, #8D4C1F, #561D01, #080300)
• Aged Bronze Quarry color palette (#FFF2EA, #F4A85C, #BE6100, #803200, #251400)
• Patina Ridge color palette (#F0DBCE, #B68452, #AE4C1F, #91002A, #110A00)
• Timeworn Bronze color palette (#FFF4DB, #B7B679, #857729, #574300, #121400)
• Lapis Lantern color palette (#DBDEFB, #5245CA, #8F0047, #4D0D00, #01000A)
• Deep Summit color palette (#D8EED8, #006564, #4A3100, #0F1200, #000201)
• Charred Veranda color palette (#DFEDE4, #54A441, #00313C, #080D11, #000102)

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