Shadow Cocoa color palette — #F3D8E8 · #7B4000 · #4A1700 · #240001 · #000200
A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F3D8E8): A whisper-light, dusty pink — the color of peonies in June.
- Bronze (#7B4000): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#4A1700): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#240001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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 Fern color palette (#D8E9DA, #615100, #382600, #190A00, #000201)
- Garnet Archive color palette (#EED7E5, #96672E, #682100, #2A000D, #020100)
- Antique Chestnut color palette (#FFE7EF, #A67F39, #7A4700, #531F00, #001307)
- Eclipse Mulberry color palette (#F4E0F5, #920669, #520022, #230003, #040000)
- Inked Onyx color palette (#ECEFFE, #705300, #1B003B, #0E0615, #020007)
- Charred Grape Balcony color palette (#DEDEF0, #782CA1, #550104, #300046, #030003)
- Aubergine Quarry color palette (#EBECF9, #4B007C, #332900, #00170B, #020006)
- Velvet Grape color palette (#DFF3E4, #B11000, #5B00CC, #110414, #010007)
Browse the whole catalog at Explore, or see today's palette.