Shadow Cocoa color palette — #F9E8E7 · #803800 · #3C2400 · #1A1300 · #010100
Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Rose Water (#F9E8E7): a clean, paper-quiet neutral.
- Bronze (#803800): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#3C2400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#1A1300): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#010100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Shadow Cocoa 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 Studio color palette (#F2E6D6, #654F00, #2C3400, #021100, #000201)
- Cocoa Harbor color palette (#F7EEDF, #5E4900, #003F63, #271D00, #000103)
- Twilit Mulberry color palette (#FBE4F0, #970030, #4A1200, #1C0C00, #020100)
- Nocturne Orchard color palette (#F7DBD1, #9F5300, #553500, #180F00, #020100)
- Cellar Aubergine Field color palette (#EEE0D6, #5A2F00, #350084, #36003D, #030100)
- Moonless Lapis Cabin color palette (#F7EAFF, #2F29FB, #625000, #0C0D06, #020100)
- Bronze Grove color palette (#F9E3DC, #B46E00, #6C5A00, #313B00, #021A00)
- Garnet Lantern color palette (#F8E7D6, #859443, #00786C, #680013, #050300)
Browse the whole catalog at Explore, or see today's palette.