Cocoa Atelier color palette — #FFF1F4 · #E4B6E0 · #C582A4 · #A36670 · #7D4022

Bronze and Dusty Rose set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Carnation (#E4B6E0): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#C582A4): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A36670): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#7D4022): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged 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

• Tempered Mallow color palette (#FFECED, #FFC3E8, #EF98C2, #BA7990, #674843)
• Lilac Delta color palette (#FFF0FD, #C0C1FC, #A68CC4, #906A98, #644245)
• Dusty Garden color palette (#FFF2EE, #FEC2CB, #CB888D, #915B5F, #4F262E)
• Dusty Ridge color palette (#FFF0EE, #FEB9BA, #D08B71, #9C6F4E, #56514A)
• Softworn Loft color palette (#FFF2EF, #EBB2C1, #81C1A8, #B97589, #3D5716)
• Ember Lagoon color palette (#FFE1E9, #EF8596, #CA6344, #964800, #573800)
• Taupe Orchard color palette (#FFF2EF, #E1D9CF, #9CBCCD, #BD939C, #5F4942)
• Misty Harbor color palette (#FDDFEE, #EA6585, #CC343D, #843300, #452500)

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