Shadow Cocoa color palette — #FEE6F1 · #703600 · #353300 · #001C3B · #030100
A conversation between Bronze and Midnight, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEE6F1): A whisper-light, dusty rose — the color of a warm blush.
- Bronze (#703600): A full-bodied, balanced gold — the color of old brass.
- Espresso (#353300): A deep, shadowed, dusty green — the color of fresh herbs.
- Midnight (#001C3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Deep Mulberry Harbor color palette (#ECDFF4, #82004A, #442F00, #002129, #030005)
- Deep Garnet color palette (#FAE5F3, #691700, #002A1D, #170028, #040000)
- Brick Thicket color palette (#DAF0DE, #BA122F, #463B00, #000664, #0D0300)
- Timeworn Rust color palette (#FCE1E9, #BE491F, #603A00, #242100, #000A00)
- Shadow Aubergine Market color palette (#ECE8FF, #73007E, #243500, #17004E, #030004)
- Frosted Parlor color palette (#FFF2ED, #CC031C, #004E3C, #00243E, #040001)
- Smoked Market color palette (#EDE1F2, #870044, #003D38, #340028, #030005)
- Timeworn Garnet color palette (#E5DFE3, #ACB7AB, #6F9886, #76230F, #11070E)
Browse the whole catalog at Explore, or see today's palette.