Shadow Cocoa color palette — #EADCCE · #664000 · #252E00 · #00150E · #050000
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Bone (#EADCCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#664000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#252E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#00150E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, 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
- Cellar Basalt Cabin color palette (#F2EAD1, #3F3E00, #002613, #000A0C, #030100)
- Smoked Garnet Studio color palette (#EEDBD2, #8B0F00, #382600, #081400, #040002)
- Tempered Loft color palette (#FFECD6, #7D652E, #474400, #002E22, #000D0C)
- Garnet Studio color palette (#F3D7EB, #861E00, #003324, #001623, #030028)
- Muted Ember color palette (#EFE0D4, #FC3919, #AF5200, #634200, #050100)
- Washed Cypress Veranda color palette (#E9EFDD, #007A5F, #004037, #291B00, #000402)
- Hushed Orchard color palette (#E0E1D6, #4997A1, #005361, #002C2B, #000508)
- Inked Workshop color palette (#FEE5DC, #C20029, #00482B, #000B45, #00000B)
Browse the whole catalog at Explore, or see today's palette.