Cocoa Atelier color palette — #F4E7D4 · #777440 · #573F00 · #381A00 · #030700

Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Parchment (#F4E7D4): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#777440): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#573F00): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#381A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#030700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Tempered Cocoa color palette (#FBDECB, #90683C, #702C00, #48000C, #080500)
• Twilit Fern color palette (#E8E0C8, #516B2C, #3B3800, #221500, #000200)
• Muted Chestnut Field color palette (#F2EAD9, #868B5D, #675300, #482800, #0F0F00)
• Weathered Bronze Drift color palette (#F6E7D1, #AAA263, #8B6300, #693300, #162000)
• Feathered Garnet color palette (#F4E4DA, #B2834D, #933E00, #6B0015, #181100)
• Chestnut Villa color palette (#FAF0E7, #CAB89F, #9F7A5D, #7C483D, #332B18)
• Antique Quarry color palette (#F7E3ED, #5438A5, #6E2E00, #1D2D00, #03000F)
• Navy Ridge color palette (#EADAE6, #917515, #0F1970, #02002A, #030003)

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