Cocoa Atelier color palette — #EFE6EB · #9DA89D · #6F8F7E · #742B00 · #10050C

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

The five colors

• Blush (#EFE6EB): bright and airy, almost weightless.
• Taupe (#9DA89D): soft and architectural.
• Eucalyptus (#6F8F7E): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#10050C): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aged Basalt color palette (#DEE5E0, #96AAA3, #65908C, #544300, #000D04)
• Softworn Chapel color palette (#F8ECE5, #A2A28E, #818B76, #9A4828, #120602)
• Cocoa Pier color palette (#F9EBE2, #C4B9AD, #9B907D, #622800, #030100)
• Garnet Quarry color palette (#E6E0E7, #B19EAA, #A17986, #83002E, #0E060F)
• Timeworn Bronze Bloom color palette (#E8DDD5, #AC9580, #926729, #461E00, #100703)
• Weathered Hollow color palette (#DDE3DE, #B2CBC1, #81AFAA, #785C00, #142319)
• Quiet Navy color palette (#F1D9EB, #9C713B, #4B5900, #2D2362, #200421)
• Forest Hollow color palette (#D6EFDE, #6A7E3B, #005421, #4C1030, #040700)

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