Cocoa Atelier color palette — #D3E8D3 · #8A7242 · #5F3E00 · #3C2000 · #1D1500

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

The five colors

• Celadon Mist (#D3E8D3): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#8A7242): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#5F3E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3C2000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1D1500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Chestnut color palette (#D3EDD7, #978659, #6F4F00, #4D3000, #2B2400)
• Washed Olive Canyon color palette (#DAF2E3, #716A0B, #433800, #251A00, #0B0C00)
• Cocoa Alley color palette (#F1E1EA, #A16540, #762900, #4F0900, #251000)
• Linen Balcony color palette (#FAEEDF, #C49730, #A67000, #7B4F1C, #1F1400)
• Inked Chestnut Boulevard color palette (#FCDBE8, #7D4D00, #432200, #200900, #060300)
• Mulberry Summit color palette (#EEE8F8, #8E0071, #633600, #322700, #1E0016)
• Hushed Chestnut color palette (#E9FBEC, #8EB19A, #876F39, #6E4900, #2A4436)
• Nocturne Thicket color palette (#D0F0FF, #004853, #382B00, #101D00, #000604)

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