Shadow Cocoa color palette — #F6E4CA · #6F3B00 · #2A2400 · #001018 · #060300

Bronze takes the lead with Onyx close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F6E4CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6F3B00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2A2400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001018): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, 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

• Charred Garnet color palette (#F7E6CE, #870502, #262400, #050031, #030100)
• Eclipse Onyx Coast color palette (#EFE6D8, #4F4D00, #002D0C, #090036, #020400)
• Hazy Grove color palette (#F1E3D3, #E24E20, #8A5600, #364000, #060300)
• Spruce Orchard color palette (#E8E2D3, #52652B, #043505, #2F0500, #040700)
• Brick Harbor color palette (#D2E6D2, #B61E14, #433F00, #130065, #080200)
• Bronze Studio color palette (#F1E7D3, #B26300, #675A00, #004057, #060300)
• Faded Navy color palette (#FFECCF, #706800, #044B0C, #170071, #141900)
• Hushed Workshop color palette (#EFDDC9, #71621C, #234809, #001F3A, #0E072B)

Browse the whole catalog at Explore, or see today's palette.