Cocoa Atelier color palette — #E5F7EA · #8BB7A2 · #867339 · #684300 · #002A20

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

The five colors

• Cream (#E5F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8BB7A2): A luminous, dusty teal — the color of glacier melt.
• Walnut (#867339): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#684300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#002A20): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Chestnut Pier color palette (#D5E5DB, #76A492, #726514, #523900, #001D18)
• Wandering Bloom color palette (#FFECF4, #C3A0AB, #956A4E, #703B2D, #122818)
• Aged Bronze Field color palette (#FEF4E2, #AFA882, #8A6F1B, #6C482F, #3B4200)
• Antique Boulevard color palette (#E9FAEE, #BEE7D9, #AE9D6B, #935C2F, #143836)
• Dusty Thicket color palette (#E8F5F2, #C5B186, #3B6128, #123000, #01100D)
• Antique Emerald Corridor color palette (#E5F6F3, #5B9757, #746BA7, #803354, #00201C)
• Wandering Lagoon Drift color palette (#C1FCFE, #75C6B9, #008891, #00576A, #00233A)
• Chalky Terracotta Terrace color palette (#FFE8F5, #B97E4F, #973A00, #6B0109, #1C0F00)

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