Smoked Cocoa color palette — #F5E3D6 · #863C00 · #313D38 · #261600 · #130500

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

The five colors

• Parchment (#F5E3D6): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#863C00): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#313D38): a grounded near-black with real depth.
• Ink (#261600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#130500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Cocoa Veranda color palette (#F4E7D7, #603C00, #22302D, #130E00, #060200)
• Washed Bronze color palette (#EBE3D7, #916A00, #34322B, #261D10, #0E0D07)
• Charred Mulberry color palette (#FBDFD5, #A0002C, #182422, #310D00, #170300)
• Tempered Amber color palette (#F2DEE8, #D76700, #6C4C2B, #412534, #090206)
• Charred Spruce color palette (#F0EDCB, #575E65, #233400, #101F1D, #000601)
• Timeworn Mulberry color palette (#F0E5C3, #826800, #006A7A, #7C1B73, #281E00)
• Frosted Bronze Lantern color palette (#ECDCD4, #B86F00, #7C5300, #4E3E00, #1B320D)
• Lagoon Quarry color palette (#E4E7D6, #4B9E7C, #006358, #5E2B39, #232D12)

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