Cocoa Atelier color palette — #FBF4EA · #DED0AE · #97A368 · #678674 · #614A00

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Wheat (#DED0AE): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#97A368): A luminous, balanced green — the color of new leaves after rain.
• Eucalyptus (#678674): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.

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

• Dusty Fern Study color palette (#F6F6EA, #CFD5B9, #76A893, #8A7686, #4A5303)
• Timeworn Cocoa Archive color palette (#FFF2EA, #D2BE94, #7C875B, #755E69, #664600)
• Antique Fern color palette (#F2E8D7, #8B8730, #455C00, #3E2B61, #111000)
• Worn Stone Summit color palette (#FEF1F6, #C7E7D1, #92C2B1, #8F9BAE, #415247)
• Muted Lagoon Lantern color palette (#F7F6EB, #9CBF9B, #40936E, #4E638C, #35362F)
• Powder Field color palette (#F8F5EF, #C4E0EF, #8CB5E3, #57919C, #614A5D)
• Worn Apricot color palette (#FFF1F5, #C2A1E0, #D19757, #51A29B, #4F3C43)
• Olive Pier color palette (#F9E9CE, #B2B054, #628500, #6F4391, #313000)

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