Cocoa Courtyard color palette — #FFE7D8 · #8E6A40 · #752600 · #47001A · #070500

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

The five colors

• Rose Water (#FFE7D8): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8E6A40): A full-bodied, dusty gold — the color of honey in a jar.
• Rust (#752600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#47001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Basalt Archive color palette (#F3E5DB, #795C23, #572700, #350008, #020200)
• Dusty Hollow color palette (#F5DEEC, #BC8F6E, #9F3B05, #63000C, #070300)
• Washed Garnet Quarry color palette (#EFDCCF, #AE9370, #8A5639, #6F192A, #1B1900)
• Worn Rust color palette (#F2D7E3, #B84D3C, #623800, #272300, #030800)
• Onyx Alley color palette (#F6E1E0, #51884B, #500030, #16000A, #050000)
• Softworn Fern color palette (#EAE6D8, #759068, #5B5800, #452B00, #00130A)
• Obsidian Cocoa Ridge color palette (#F8E6D7, #7C3F00, #2E3000, #001D37, #030100)
• Hushed Raspberry Orchard color palette (#EEDFDD, #C2456E, #474700, #68002E, #020100)

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