Wandering Cocoa Courtyard color palette — #FBE7FE · #884B56 · #5C2F01 · #002232 · #030D1B
Cocoa takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Blush (#FBE7FE): A whisper-light, dusty pink — the color of a candy shop window.
- Coffee (#884B56): A full-bodied, balanced red — the color of a theater curtain.
- Cocoa (#5C2F01): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Midnight (#002232): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#030D1B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Wandering 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
- Washed Garnet color palette (#DBDDEC, #905A8A, #681C23, #002623, #010F18)
- Washed Chestnut Basin color palette (#FFE0E0, #9D4F00, #393B00, #051F40, #0C0625)
- Dusty Pewter Parlor color palette (#E8E5FF, #965C82, #7E462D, #00364C, #001723)
- Cellar Terracotta Veranda color palette (#F2DACC, #A04100, #461900, #1C251B, #140400)
- Chestnut Quarry color palette (#FDDCEB, #A87679, #955127, #004E38, #00191B)
- Garnet Station color palette (#F0DDD7, #6F2100, #003B45, #0E1F36, #050100)
- Deep Cabin color palette (#FAEAF1, #AC004F, #620400, #2B0D00, #090600)
- Terracotta Courtyard color palette (#ECDCE7, #912300, #004751, #400A00, #00070A)
Browse the whole catalog at Explore, or see today's palette.