Cocoa Atelier color palette — #FDF3EC · #ECD5C0 · #CEAF97 · #AE8972 · #653D00

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#ECD5C0): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#CEAF97): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AE8972): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#653D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Hushed Taupe color palette (#F1F8EB, #8ED4B8, #E0A985, #B3955B, #3B3E38)
• Antique Balcony color palette (#FDEBD6, #E2C38C, #CE984B, #B66B00, #433300)
• Muted Stone color palette (#FFF0F8, #DBF8D8, #D2A288, #8B7088, #344439)
• Timeworn Chapel color palette (#EEE4D6, #C1B17E, #AC893B, #906000, #2A2400)
• Tempered Pier color palette (#FFECF5, #D9B293, #9A7788, #6B4E60, #36272C)
• Tempered Archive color palette (#F5E0CD, #BD813D, #A35800, #7B3500, #130900)
• Olive Study color palette (#F1ECDD, #9CA65B, #868100, #6A5A00, #121900)
• Antique Ash color palette (#EFF8F3, #DBE3BC, #74A6BE, #45748A, #1F2F28)

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