Shadow Cocoa color palette — #FBE1F1 · #852B00 · #004356 · #300026 · #040000
A conversation between Rust and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#FBE1F1): A whisper-light, dusty pink — the color of neon signs at night.
- Rust (#852B00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Teal (#004356): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#300026): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Trust, Stability, 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
- Lowlit Garnet color palette (#F5E1EF, #8F1A00, #004643, #18004C, #040000)
- Lowlit Grove color palette (#D5E5DA, #5B4D00, #003C70, #330019, #020100)
- Deep Lagoon color palette (#F9E2EC, #814000, #00313D, #181709, #170004)
- Deep Veranda color palette (#EFE2EB, #7D5E00, #003C27, #1A001F, #010100)
- Mulberry Terrace color palette (#E7DFF5, #86006E, #003F66, #300026, #040002)
- Midnight Basalt color palette (#F6E2C3, #483300, #002D49, #001424, #030100)
- Twilit Aubergine Drift color palette (#FEE9F5, #822F00, #5F0073, #320700, #030000)
- Wandering Bronze Study color palette (#FEE8F0, #B06500, #00473B, #412200, #000102)
Browse the whole catalog at Explore, or see today's palette.