Cocoa Atelier color palette — #F4E9E3 · #C3B6AC · #9D8A76 · #712C00 · #2A1B11

Rust takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F4E9E3): a clean, paper-quiet neutral.
• Stone (#C3B6AC): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9D8A76): A luminous, dusty gold — the color of old brass.
• Rust (#712C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A1B11): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Weathered Quarry color palette (#F8ECEB, #C7B4B0, #A4877C, #7E0444, #2F1815)
• Dusty Station color palette (#F3EDE6, #B1A89C, #9B7936, #502F00, #1E1103)
• Hushed Terracotta color palette (#E8DFE5, #D3BEC4, #8BAF99, #994326, #261B23)
• Weathered Studio color palette (#FCF4E8, #DCD1BE, #B3A583, #775300, #36322C)
• Dusty Tangerine color palette (#F2E0CD, #F97514, #B27000, #634E00, #241500)
• Antique Orchard color palette (#F0EEDE, #79844F, #396028, #004648, #102A41)
• Moonless Cocoa Studio color palette (#FBEAD6, #603C00, #212E2D, #150D00, #060200)
• Linen Cabin color palette (#F3D8D7, #8E2A69, #003F41, #00203D, #1A0034)

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