Cocoa Courtyard color palette — #F6DDCC · #7E5928 · #592500 · #350004 · #020200
Built around Espresso, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#F6DDCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Coffee (#7E5928): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#592500): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#350004): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#020200): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. 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
- Lowlit Veranda color palette (#ECE4CF, #586930, #3E3700, #231400, #000200)
- Cocoa Balcony color palette (#FFE7F3, #AD794F, #7B3700, #3E1000, #020100)
- Patina Courtyard color palette (#E9DDD2, #AD863A, #874900, #661200, #151200)
- Tempered Fern Field color palette (#F6ECD1, #7B8E5D, #5E5700, #432C00, #0D1000)
- Eclipse Mulberry Delta color palette (#F3E8FC, #9B4181, #6D0032, #340100, #050200)
- Eclipse Thicket color palette (#FFE5E6, #760062, #4E2D00, #002319, #040002)
- Misty Grape Boulevard color palette (#F4E0E6, #8049AB, #5D2000, #3D005F, #030000)
- Muted Grape Dune color palette (#E8F1E2, #A05B00, #6100D6, #1C0510, #040002)
Browse the whole catalog at Explore, or see today's palette.