Smoked Cocoa color palette — #F4DFD2 · #794217 · #481900 · #210300 · #030100

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

The five colors

• Parchment (#F4DFD2): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#794217): A full-bodied, balanced gold — the color of old brass.
• Espresso (#481900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#210300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Softworn Station color palette (#F0E2D4, #9F8155, #784800, #4C2500, #160C00)
• Dusty Boulevard color palette (#FEEADF, #A16115, #672300, #2B0007, #020100)
• Spruce Villa color palette (#CFE5D1, #504C43, #003334, #241700, #040600)
• Aged Bronze Coast color palette (#FFE3CC, #CB925A, #985926, #6D2E07, #2A1800)
• Midnight Fern Coast color palette (#CEEBDA, #23691A, #363740, #00171F, #000102)
• Aged Bronze color palette (#FAF0E7, #CDB79E, #A97740, #7E4A16, #362A19)
• Smoked Study color palette (#C6EDE2, #003862, #490047, #00170E, #000104)
• Obsidian Cabin color palette (#F3E2E6, #8400C5, #005492, #070710, #000201)

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