Deep Cocoa color palette — #F3DAC9 · #7B4000 · #461C00 · #200500 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Bone (#F3DAC9): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7B4000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#461C00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#200500): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Deep 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

• Tempered Orchard color palette (#F0DFCB, #9F814B, #754B00, #4A2700, #160C00)
• Eclipse Bronze Lantern color palette (#F9E1D0, #9C6515, #622800, #2B0004, #020100)
• Lowlit Fern Orchard color palette (#DBE2CB, #5C5C00, #2A3239, #001A09, #000200)
• Ancient Bronze color palette (#FDE4CE, #CE9249, #9C5700, #6B3000, #281900)
• Patina Orchard color palette (#F9F2DD, #ABB081, #7D7836, #594B10, #26230F)
• Obsidian Cypress color palette (#E5EFE4, #006662, #1F2F4C, #002422, #000201)
• Navy Hollow color palette (#FBE7F9, #002290, #2F0023, #1B0002, #020100)
• Chestnut Market color palette (#F3DCC1, #6C4B00, #3C2400, #190A00, #020100)

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