Cocoa Courtyard color palette — #FFE9DC · #802E00 · #004257 · #380F00 · #000102

A conversation between Rust and Onyx, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFE9DC): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#802E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#380F00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Cocoa Harbor color palette (#F7EEDF, #5E4900, #003F63, #271D00, #000103)
• Moonless Boulevard color palette (#F9DDD7, #8E0043, #00415B, #3E001A, #000103)
• Cocoa Workshop color palette (#FFE7D6, #602A00, #00364D, #101B35, #030100)
• Aged Rust Hollow color palette (#FFE4F3, #AE4600, #005F72, #4B1A00, #000102)
• Chestnut Loft color palette (#F7E0D3, #734700, #4B1500, #230009, #020100)
• Patina Aubergine Thicket color palette (#EEE6D2, #685C00, #6300A4, #312A00, #05000E)
• Muted Denim Drift color palette (#E7DFC8, #776D00, #0057A5, #3D3700, #000717)
• Grape Summit color palette (#ECE2FC, #6000F0, #8C2F00, #100C04, #030100)

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