Cocoa Atelier color palette — #F7E6EC · #5A2F00 · #221F00 · #060026 · #030100

Cocoa takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7E6EC): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#221F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060026): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

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

• Basalt Courtyard color palette (#DCECDD, #503600, #00251F, #16000A, #020100)
• Chestnut Corridor color palette (#F0E3D2, #704D00, #003426, #00061C, #040002)
• Deep Garnet color palette (#F3E4F8, #700036, #281C00, #000814, #040001)
• Moonless Quarry color palette (#FFE8EF, #804B25, #2D3900, #2E002E, #0E0004)
• Charred Forest Loft color palette (#DAEFE4, #306637, #00322B, #280022, #000200)
• Smoked Mulberry color palette (#FADAD3, #A40044, #004333, #32002E, #050004)
• Aged Alley color palette (#F6EAEF, #5E7C97, #262C87, #001F20, #020007)
• Timeworn Crimson color palette (#E6F3E7, #D6324F, #794E00, #004C2C, #010100)

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