Smoked Cocoa color palette — #F7D9E2 · #623B00 · #302112 · #0E1100 · #060200

A conversation between Bronze and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F7D9E2): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#623B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#302112): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0E1100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

• Dusty Bronze Quarry color palette (#EFDFCF, #A96900, #404702, #2B1903, #050100)
• Obsidian Garnet color palette (#F3DDF1, #85001E, #311E18, #190B00, #0B0001)
• Inked Fern Archive color palette (#D2EDDE, #665B00, #00270B, #100D00, #050100)
• Moonless Balcony color palette (#DBEDE7, #5E5052, #273300, #111F1D, #000603)
• Lowlit Forest color palette (#CDF1EC, #026717, #3B3B42, #001F1E, #000C0A)
• Ancient Courtyard color palette (#E9F5F0, #7E823C, #274242, #1B2D26, #101715)
• Misty Nightshade Dune color palette (#D9E3C5, #506300, #4732AC, #560073, #0E1400)
• Aged Aubergine color palette (#DBE8DF, #698450, #005239, #480D55, #112000)

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