Smoked Cocoa color palette — #F0DAE7 · #784217 · #4C1500 · #240003 · #040001

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

The five colors

• Shell Pink (#F0DAE7): A whisper-light, dusty pink — the color of neon signs at night.
• Bronze (#784217): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4C1500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240003): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Charred Chestnut Pier color palette (#DAEADB, #635000, #392500, #1A0900, #000201)
• Linen Bronze color palette (#F5E3D8, #A85500, #782601, #4B000A, #070200)
• Mulberry Summit color palette (#F7EAF6, #992937, #352800, #40000C, #000200)
• Chestnut Summit color palette (#F4DFE9, #B27836, #853E00, #591708, #001304)
• Cellar Garnet Hollow color palette (#F3E6EF, #580201, #001C11, #000B16, #030004)
• Midnight Mulberry Field color palette (#D5F5F7, #6B5F00, #960053, #15050E, #020004)
• Softworn Moss color palette (#EBEBDC, #829844, #625E00, #443400, #051700)
• Rust Boulevard color palette (#FCE0F1, #C9926B, #B24109, #781D22, #0A2209)

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