Smoked Cocoa color palette — #F5E3DC · #853A00 · #472700 · #150B00 · #020100

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

The five colors

• Parchment (#F5E3DC): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#853A00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#472700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#150B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• 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

• Nocturne Garnet Garden color palette (#F1DDE0, #8F0022, #5B1000, #1E0500, #040100)
• Chestnut Drift color palette (#F2EADC, #765B00, #382900, #18221F, #0B0600)
• Rust Studio color palette (#FFD7D9, #BD370E, #543000, #1B1200, #010100)
• Inked Navy Garden color palette (#F4E2CE, #6A4200, #003C6F, #2D1900, #000104)
• Onyx Market color palette (#EAE2D5, #503600, #00393B, #390047, #020100)
• Dusty Amber Coast color palette (#F0DED1, #B87B00, #765600, #433800, #161600)
• Hushed Olive color palette (#F3E2CB, #9D9438, #477E1C, #4C2400, #020100)
• Inked Fern color palette (#F9E3FB, #006980, #595400, #090D07, #020100)

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