Deep Cocoa color palette — #FEDFCC · #813B00 · #4A1700 · #220200 · #030100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FEDFCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#813B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4A1700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#220200): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Deep 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

• Worn Amber Boulevard color palette (#F4E1D1, #BC7219, #824100, #4F230C, #180B00)
• Obsidian Bronze Station color palette (#F5E2D8, #A75D00, #6A1F00, #2B0009, #020100)
• Twilit Fern Delta color palette (#F2E7D2, #5B5400, #332900, #150D00, #010100)
• Charred Terracotta color palette (#F9E9E2, #A41500, #3A2500, #3F0300, #020100)
• Velvet Garnet Quarry color palette (#F5DACF, #5A0700, #1E1C00, #140021, #040001)
• Bronze Chapel color palette (#FFE3D1, #D78B5B, #A44F28, #6C2E20, #2C1600)
• Hazy Moss color palette (#ECEFCD, #859900, #5F6000, #3E3700, #0C1500)
• Dusty Cocoa color palette (#F9F1E2, #B9AC74, #867343, #684400, #282212)

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