Cocoa Courtyard color palette — #FFE8F6 · #7C4000 · #4A1600 · #240002 · #020100
Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.
The five colors
- Blush (#FFE8F6): A whisper-light, dusty pink — the color of peonies in June.
- Bronze (#7C4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4A1600): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#240002): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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
- Velvet Chestnut Drift color palette (#EEDFF2, #705300, #262014, #2D000F, #040001)
- Nocturne Garnet Balcony color palette (#FDDDF1, #996626, #692000, #2A000D, #020100)
- Bronze Grove color palette (#DEF7DE, #896E0E, #5C3C00, #381A00, #060500)
- Antique Orchard color palette (#FFE8F2, #A67D4F, #834000, #551C0D, #001304)
- Mulberry Alley color palette (#EFE3EE, #A3112C, #2F2B00, #40000A, #000201)
- Smoked Garnet Orchard color palette (#F3DAF5, #6A0022, #003224, #00151B, #040000)
- Washed Archive color palette (#DEEFE7, #7C9B2B, #605F00, #433400, #031700)
- Smoked Mulberry color palette (#D0F3F8, #5E6400, #970050, #110403, #030005)
Browse the whole catalog at Explore, or see today's palette.