Cocoa Atelier color palette — #EFE6DF · #C0BAAD · #949475 · #5C2E00 · #030100

A conversation between Cocoa and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EFE6DF): a clean, paper-quiet neutral.
• Stone (#C0BAAD): soft and architectural.
• Eucalyptus (#949475): A luminous, dusty green — the color of new leaves after rain.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

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

• Ancient Bronze color palette (#E8DFD6, #988C78, #7F681E, #3F2200, #030100)
• Aged Boulevard color palette (#F7EAEF, #8BA092, #537971, #442000, #11050B)
• Weathered Fern Delta color palette (#F0EFE2, #CBD4BD, #99AC9B, #415600, #030300)
• Patina Chestnut Alley color palette (#E6DBDF, #93AAA6, #729392, #8E5300, #12050A)
• Pine Studio color palette (#E8E2CD, #508A56, #00463D, #34012C, #000200)
• Dusty Corridor color palette (#FFDBD1, #938242, #275F45, #28193E, #020007)
• Blush Summit color palette (#ECE1CC, #FF6B7B, #A27000, #006246, #010100)
• Weathered Driftwood color palette (#F9F4EC, #D7DDD5, #9EADBF, #9F8743, #312E28)

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