Cocoa Atelier color palette — #F0EAE0 · #B7B3A7 · #918F75 · #573F00 · #110901

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

The five colors

• Cream (#F0EAE0): bright and airy, almost weightless.
• Ash (#B7B3A7): a calm mid-gray that lets other colors speak.
• Eucalyptus (#918F75): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#573F00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#110901): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Olive Chapel color palette (#F1EEE7, #A2A192, #79833D, #3B3800, #060400)
• Muted Cocoa Workshop color palette (#E3EAE3, #ADBDB6, #6C9895, #5C3E00, #182318)
• Forest Alley color palette (#E7EBE2, #C7CEC5, #92AB96, #006544, #131809)
• Muted Chestnut color palette (#FAF4ED, #D6DCD0, #B7BFA6, #7D5800, #150A00)
• Weathered Bronze Lagoon color palette (#F4F1EB, #D5D8D1, #B4C1B2, #887413, #312B1E)
• Lagoon Grove color palette (#E8E9D9, #458862, #005041, #3E2200, #000B04)
• Hushed Onyx color palette (#ECDCC2, #7A6200, #274500, #001456, #060500)
• Navy Parlor color palette (#F3F1D9, #708B5F, #125A3E, #282968, #1C0726)

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