Cocoa Atelier color palette — #FFF3E7 · #E0DEC3 · #B8C9B7 · #AD989B · #64484D

Charcoal Brown and Celadon Mist set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#E0DEC3): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B8C9B7): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#AD989B): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#64484D): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Antique Orchard color palette (#FCF7D0, #C5DCBF, #94C3B7, #A28776, #7A4218)
• Tempered Ash Study color palette (#FFECF5, #ABCAB9, #72A5A6, #756781, #4B4154)
• Hushed Frost color palette (#DDFFEC, #C5DCD6, #92B7BA, #757F99, #514E67)
• Tempered Mallow color palette (#F1F8E9, #A3E6CA, #DEB6EB, #75B99D, #67404A)
• Pewter Pier color palette (#F1E0CC, #A8BC91, #84A280, #9A665D, #522821)
• Mint Lagoon color palette (#FFF0CF, #CED99B, #92C492, #60A793, #3D573D)
• Hushed Petrol Balcony color palette (#DEF0DC, #60A2A8, #6372A4, #734435, #390C00)
• Patina Fern Terrace color palette (#F1F9E5, #90DAB2, #E1AACD, #CF8F97, #384A00)

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