Cocoa Atelier color palette — #E6DCE1 · #C2AEB6 · #AF8F6A · #863800 · #1F0D17

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

The five colors

• Silver (#E6DCE1): a clean, paper-quiet neutral.
• Rosewood Mist (#C2AEB6): A luminous, dusty rose — the color of strawberry cream.
• Caramel (#AF8F6A): A luminous, dusty gold — the color of honey in a jar.
• Rust (#863800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1F0D17): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Timeworn Garnet color palette (#E4DEE4, #BFAEBC, #AC89A1, #8D2A39, #1A101A)
• Worn Delta color palette (#DCE7DF, #A7B9B0, #919B6D, #625100, #08180F)
• Timeworn Alley color palette (#F6E7DE, #B4B09D, #9A9B78, #AB5630, #220E02)
• Washed Villa color palette (#F2E5ED, #C09FAA, #6B8776, #631B00, #1C0F18)
• Antique Garnet color palette (#F4EBF1, #C7D4C6, #8BB0A0, #89250B, #060104)
• Patina Pier color palette (#D3EBDD, #85893A, #4A5B00, #542D00, #101100)
• Muted Bronze Ridge color palette (#FFF1F7, #F0D6DE, #D2BA92, #B15F00, #432A35)
• Gentle Tangerine Delta color palette (#FFE6EE, #F96A00, #CA7500, #856800, #100700)

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