Cocoa Workshop color palette — #E2EDE2 · #684600 · #434800 · #171C15 · #070500

Bronze and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2EDE2): bright and airy, almost weightless.
• Bronze (#684600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#434800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#171C15): a grounded near-black with real depth.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Workshop 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

• Basalt Quarry color palette (#FEE6C9, #495752, #4B2F00, #18201C, #050800)
• Muted Bronze Ridge color palette (#D9F1D8, #915F00, #2D3700, #2A2014, #0D0500)
• Tempered Moss color palette (#DFFDF3, #849F00, #204524, #121800, #000201)
• Aged Boulevard color palette (#EBF9F1, #BAAF76, #445A53, #1D3026, #0C110D)
• Ancient Jade Drift color palette (#E2FBFC, #3DB68A, #294C54, #002425, #000706)
• Tempered Grape Corridor color palette (#E4F4ED, #8E931F, #6F0AD1, #3D3F00, #020007)
• Twilit Orchard color palette (#D3F3F1, #00733D, #333137, #001713, #000200)
• Fern Archive color palette (#D2E7DB, #859656, #1D5D00, #560500, #010100)

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