Cocoa Atelier color palette — #F0F0FF · #DDB2CE · #AB7475 · #764519 · #382800

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

The five colors

• Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
• Carnation (#DDB2CE): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#AB7475): A luminous, dusty red — the color of a theater curtain.
• Bronze (#764519): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#382800): A deep, shadowed, dusty gold — the color of old brass.

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

• Worn Station color palette (#E9F3FF, #C6B9E4, #A17295, #803E52, #4C1300)
• Tempered Terracotta color palette (#F8F2FF, #DFABB4, #B7736C, #94451B, #6A3D00)
• Muted Fern color palette (#FFECF3, #E3AEA1, #A87C4E, #5F5905, #123800)
• Tempered Garden color palette (#FEE4F5, #CC6569, #814000, #3B2C00, #091000)
• Hushed Ash color palette (#E2F8F1, #C59AC9, #9E6957, #215A6B, #312838)
• Stone Harbor color palette (#F1F0FF, #CFBDD3, #A98E98, #5A697A, #374351)
• Washed Rust color palette (#FED3FD, #EF7A95, #B8421E, #5A3900, #1C2100)
• Moonless Bronze Boulevard color palette (#EDDCD9, #955600, #493A00, #0A1900, #000201)

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