Smoked Cocoa color palette — #F2E2D7 · #733D00 · #472800 · #1C0F00 · #020100

Bronze and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F2E2D7): A whisper-light, dusty gold — the color of old brass.
• Bronze (#733D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#472800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1C0F00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Twilit Meadow color palette (#F5EFE0, #745800, #372800, #16201E, #0B0600)
• Obsidian Balcony color palette (#E8E0D4, #503500, #033D07, #470016, #020100)
• Muted Quarry color palette (#DBF4DF, #948A4E, #6C7412, #492D00, #020100)
• Shadow Mulberry Market color palette (#FFE8EC, #9D0433, #5D0013, #240001, #040000)
• Patina Bronze Study color palette (#F2E5D3, #AA8000, #725B00, #403800, #1C1A00)
• Velvet Fern color palette (#F5DCD3, #006E5D, #475B00, #050B06, #000201)
• Quiet Station color palette (#E0EFD5, #47A512, #057219, #004B23, #002214)
• Quiet Olive Lantern color palette (#BEF0DA, #9DAA69, #6D881C, #3A5E00, #16310C)

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