Cocoa Atelier color palette — #E9E1E6 · #94AC98 · #6F8E83 · #742B00 · #11050D

Rust and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#E9E1E6): bright and airy, almost weightless.
• Sage (#94AC98): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#6F8E83): A luminous, dusty teal — the color of glacier melt.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#11050D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Hushed Garnet color palette (#EBE3F0, #B09FAB, #778E74, #6C2B48, #0D0612)
• Patina Basalt color palette (#E6F4EA, #8CADA4, #688E90, #554300, #000D04)
• Patina Lantern color palette (#F2E8EC, #AC9C9A, #77988F, #974C00, #12050B)
• Hushed Cocoa Thicket color palette (#F7EEE8, #C1B9AF, #9D916F, #622800, #030100)
• Weathered Bronze Parlor color palette (#F2EBE5, #A5978A, #916828, #441F00, #120600)
• Hushed Balcony color palette (#E7F2EA, #AFCBC3, #8DABAC, #785C00, #152319)
• Tempered Workshop color palette (#F0F7F0, #C8DFE0, #AEC3CA, #987B4F, #353D35)
• Frosted Bronze Lagoon color palette (#EFDFDD, #A47200, #1E5C29, #352154, #1A0732)

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