Shadow Cocoa color palette — #F3DDD0 · #822C00 · #004257 · #390E00 · #000102
Built around Rust, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Parchment (#F3DDD0): A whisper-light, dusty gold — the color of old brass.
- Rust (#822C00): A full-bodied, balanced orange — the color of toasted spice.
- Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, 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
- Inked Mulberry color palette (#FFDDD5, #8D0C3A, #00463E, #3F0015, #000201)
- Inked Chestnut Delta color palette (#F3E4CC, #705300, #293434, #1C1200, #020100)
- Muted Rust Canyon color palette (#F2E2D9, #B43E00, #005E75, #4E1600, #000102)
- Moonless Aubergine Harbor color palette (#FFE9DE, #622800, #003B2B, #260062, #030100)
- Lowlit Nightshade color palette (#FBE9C9, #5F4900, #18249A, #271D00, #00000B)
- Chestnut Field color palette (#E4DFF7, #006E5C, #6F4A00, #0D0D06, #020100)
- Powdered Ultramarine Balcony color palette (#EFDDC1, #876500, #034DBF, #463300, #00061E)
- Softworn Amber color palette (#F8E4D0, #C77920, #00619B, #673900, #001324)
Browse the whole catalog at Explore, or see today's palette.