Cocoa Courtyard color palette — #F5E1C8 · #6A4500 · #2F312A · #081517 · #080500
Built around Bronze, softened by Parchment — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#F5E1C8): A whisper-light, dusty gold — the color of old brass.
- Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#2F312A): quiet, heavy and certain.
- Ink (#081517): a grounded near-black with real depth.
- Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Smoked Bloom color palette (#FBE6CC, #363E45, #4C2F00, #121610, #090600)
- Garnet Garden color palette (#FFDCD8, #6A5200, #940211, #271A0C, #100200)
- Dusty Orchard color palette (#F5E8D4, #AB8900, #646730, #00382E, #001313)
- Washed Bronze color palette (#EEE5D1, #927800, #5D5300, #272500, #020200)
- Dusty Mustard color palette (#ECF9F0, #CAAD1E, #445A50, #232E27, #0C110D)
- Tempered Drift color palette (#DCFEF1, #8A9D00, #2E431A, #001B13, #000201)
- Weathered Garden color palette (#E4FAFA, #00BA80, #284D51, #0E2223, #020706)
- Pine Boulevard color palette (#C9E6E4, #007336, #2C2930, #00170E, #000201)
Browse the whole catalog at Explore, or see today's palette.