Shadow Cocoa color palette — #EDDED6 · #6D3D00 · #3B2600 · #1A1300 · #020200

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#EDDED6): a clean, paper-quiet neutral.
• Bronze (#6D3D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3B2600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1A1300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020200): a grounded near-black with real depth.

Feels like: 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

• Twilit Fern color palette (#EEE9D5, #525800, #233200, #041500, #000200)
• Eclipse Garnet color palette (#FFE8E6, #910E00, #481700, #180800, #020100)
• Pine Workshop color palette (#F6EBD5, #8D9542, #007D38, #4B2A00, #020200)
• Onyx Hollow color palette (#E6E0CE, #493A00, #003841, #3F003A, #020100)
• Hushed Bronze color palette (#FEEAD0, #A37D00, #6D5D00, #353900, #151E00)
• Twilit Denim Bloom color palette (#F0DBE2, #006499, #4B5A00, #060D08, #020100)
• Feathered Emerald color palette (#E5F4D9, #27A114, #00783E, #004533, #001E1A)
• Olive Atelier color palette (#EDE0B6, #9BAD5E, #4E8B10, #1A6028, #093825)

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