Cocoa Market color palette — #E7DFD3 · #6C3600 · #222500 · #0B002C · #020100

Bronze takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E7DFD3): bright and airy, almost weightless.
• Bronze (#6C3600): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#222500): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0B002C): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Cocoa Market 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 Fern Basin color palette (#F6D9E5, #4C4900, #002B1C, #180018, #010100)
• Garnet Parlor color palette (#CCECD4, #880017, #2F1F00, #000A20, #030000)
• Lowlit Atelier color palette (#FBE7DE, #6F5826, #143D01, #1F003B, #0D0007)
• Moonless Spruce color palette (#DCF2E2, #464F56, #342800, #0F1611, #010300)
• Scarlet Balcony color palette (#D9EDDE, #E52A1B, #785600, #004313, #010100)
• Soft Workshop color palette (#F5DEEB, #369700, #005E60, #5C0038, #00170C)
• Muted Aubergine color palette (#FFE9F0, #9B7000, #23620B, #35005E, #110F00)
• Tempered Nightshade color palette (#F1DEE5, #507DA1, #0617AC, #001F23, #010009)

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