Cocoa Atelier color palette — #FFF2EF · #F1D5C3 · #E8A48E · #A47754 · #664100

Bronze and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#F1D5C3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#E8A48E): A luminous, balanced orange — the color of autumn markets.
• Mocha (#A47754): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#664100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Stone Canyon color palette (#FFF2EA, #E4DFB9, #C7A96B, #89874D, #554C00)
• Wandering Amber Terrace color palette (#FFE7DE, #EEAC9D, #C1694A, #804B33, #3E3833)
• Wandering Cocoa color palette (#FFF1F4, #F4D4DC, #E29ABA, #A0646A, #703316)
• Apricot Garden color palette (#FFE8E3, #FF8E48, #A56D00, #614B00, #242300)
• Amber Summit color palette (#FFF2E9, #EBD9BB, #87DAF1, #CA8863, #314E3D)
• Amber Coast color palette (#FFF1F0, #FFAE8D, #E37A00, #8B6000, #3C3500)
• Amber Loft color palette (#EBDBD1, #C58B00, #7D6A00, #393900, #071100)
• Linen Mustard color palette (#FFF3E7, #EDCE7D, #B4A94C, #597529, #324C2B)

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