Smoked Cocoa color palette — #F3D7D0 · #7B4200 · #3A2600 · #140E00 · #010100

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

The five colors

• Shell Pink (#F3D7D0): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#7B4200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3A2600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#140E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

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

• Fern Delta color palette (#F1ECDE, #5A5200, #253100, #001904, #000201)
• Moonless Terrace color palette (#EEDBC1, #644600, #221D9F, #2A1B00, #00000B)
• Velvet Veranda color palette (#ECDBDD, #9F001D, #451800, #170900, #030200)
• Eclipse Denim color palette (#FFE6EC, #006596, #644F00, #0B0D06, #020100)
• Quiet Bronze color palette (#FEEBD8, #A87500, #6B5900, #373D00, #021801)
• Shadow Navy Delta color palette (#FAEFCE, #493A00, #091D85, #2F0049, #020100)
• Muted Field color palette (#E6DECC, #7E8D4D, #007753, #491C00, #020200)
• Aged Amber Alley color palette (#F3E1D7, #E38B00, #876C00, #4D4800, #1D2900)

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