Smoked Cocoa color palette — #ECDBC7 · #5D3C00 · #171F1A · #140D00 · #020100

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#ECDBC7): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5D3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#171F1A): quiet, heavy and certain.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Ancient Moss color palette (#F1EEDB, #7B8D10, #403E00, #201E14, #0E0C07)
• Cellar Garnet color palette (#F7E0D7, #83010D, #191D15, #200500, #040000)
• Muted Chestnut color palette (#F2DCC4, #865400, #394943, #222800, #110700)
• Cellar Forest color palette (#E8EED5, #006730, #2E3A3B, #002015, #040600)
• Ancient Olive Basin color palette (#EEEBDD, #6D7100, #006470, #373900, #000A0C)
• Washed Bronze Meadow color palette (#FDEBD1, #8D7400, #515317, #203115, #2B0013)
• Aged Turquoise color palette (#E1E4D8, #35ABD1, #006084, #003840, #000C18)
• Moonless Cocoa Market color palette (#F9DEC8, #683300, #171F18, #180B00, #030100)

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