Shadow Cocoa color palette — #F4DBC7 · #733700 · #00303B · #1F0035 · #0E000A
A conversation between Bronze and Deep Indigo, giving this palette its sense of optimism and creativity.
The five colors
- Parchment (#F4DBC7): A whisper-light, dusty gold — the color of old brass.
- Bronze (#733700): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#00303B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1F0035): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0E000A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, 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
- Midnight Garnet Balcony color palette (#FCE1D7, #8E001B, #00322F, #001625, #02030D)
- Shadow Villa color palette (#D3E6DA, #564900, #003414, #001416, #030100)
- Cellar Corridor color palette (#F5ECD5, #554A00, #280078, #24002B, #0F0005)
- Hushed Basalt Harbor color palette (#F7EACB, #51605E, #423900, #1C2725, #000C01)
- Olive Studio color palette (#F8EFD7, #716800, #005429, #002D30, #110400)
- Aged Bronze Courtyard color palette (#FBE6DD, #847400, #0C5A4C, #371C45, #2D0020)
- Worn Pine Canyon color palette (#E4DFCB, #008141, #00413C, #3A0E2D, #001506)
- Worn Lagoon Summit color palette (#F2DCD7, #00A4A3, #005267, #00330C, #00142C)
Browse the whole catalog at Explore, or see today's palette.