Cocoa Atelier color palette — #EFE0D3 · #733B00 · #004826 · #311600 · #000201

A conversation between Bronze and Forest, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EFE0D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#733B00): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004826): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Charred Garnet color palette (#F2D8CC, #910C00, #2F4300, #400200, #010100)
• Inked Fern Boulevard color palette (#F6ECCF, #534E00, #00444A, #221F00, #000102)
• Obsidian Garnet Delta color palette (#EAE0D0, #624700, #6D0049, #291C00, #040002)
• Muted Bronze color palette (#F0E1D3, #9C5700, #005E77, #422200, #000102)
• Amber Pier color palette (#F9E4CD, #A88428, #716600, #492400, #040200)
• Muted Bronze color palette (#F2E9DC, #A67500, #007D6A, #5D4000, #001712)
• Velvet Fern color palette (#E3EFFB, #006B75, #2C6100, #030D08, #010100)
• Tempered Scarlet Parlor color palette (#E4F2D6, #669800, #CF2500, #385700, #300300)

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