Deep Cocoa color palette — #EDDBCE · #704100 · #402900 · #1A1000 · #020100

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

The five colors

• Bone (#EDDBCE): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#704100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#402900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1A1000): 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 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

• Deep Basin color palette (#F3EDD5, #716100, #322B00, #0D0900, #020100)
• Dusty Bronze Orchard color palette (#FBE9C8, #A28100, #645600, #333000, #171700)
• Charred Garnet color palette (#FCD2D6, #950022, #510202, #280300, #030000)
• Olive Courtyard color palette (#FBEDD1, #8B8B1A, #527300, #3B2A00, #040300)
• Inked Fern Ridge color palette (#E8F0DC, #386A00, #0C4503, #002307, #000702)
• Emerald Terrace color palette (#E1EADF, #00AC34, #00753B, #00462C, #001D13)
• Softworn Moss Thicket color palette (#E0E4D0, #98B05B, #5F8F09, #356019, #30312A)
• Hushed Corridor color palette (#EBF3CF, #82C19B, #209C6C, #0E6751, #304027)

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