Cocoa Atelier color palette — #FFF2EA · #CCB398 · #A4735E · #77534B · #5A4400

Deep Olive takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Stone (#CCB398): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A4735E): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#77534B): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Bronze Delta color palette (#FFF2EA, #E5C4A5, #BC907C, #A26144, #633F00)
• Patina Harbor color palette (#FEECF6, #DAB292, #9B768B, #655061, #243024)
• Washed Stone color palette (#FFF0F9, #F3CDDA, #D2A7C0, #A487A4, #3B4D3F)
• Timeworn Studio color palette (#F4E6CF, #939C6E, #7B6000, #693301, #30312A)
• Patina Garnet color palette (#FBD7B5, #AD8800, #864A00, #730A0D, #262D00)
• Timeworn Lantern color palette (#E7FAF4, #5A95CB, #A86F54, #845037, #2E423D)
• Olive Grove color palette (#E4DFD2, #658132, #514500, #3D2000, #001C0B)
• Aged Bronze color palette (#FEEBDD, #885F00, #5B2700, #3C000C, #0D0C00)

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