Cocoa Atelier color palette — #F8E4EC · #5A4200 · #032C03 · #17001C · #010100
A conversation between Deep Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F8E4EC): A whisper-light, dusty rose — the color of pressed rose petals.
- Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#032C03): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#17001C): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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
- Inked Fern color palette (#DEF2E7, #4A4F00, #102B00, #001113, #030400)
- Smoked Fern Quarry color palette (#F0D8E7, #275300, #002928, #1D0008, #000201)
- Smoked Veranda color palette (#F0E2D8, #696327, #0F4025, #230033, #0B0002)
- Charred Garnet color palette (#DBF8DD, #831700, #2C2100, #08002E, #030100)
- Abyss Delta color palette (#F0E5ED, #4A828F, #00405E, #00201A, #000106)
- Olive Quarry color palette (#EFDDE7, #46730C, #004542, #3E001E, #000802)
- Timeworn Emerald color palette (#FEE1F2, #009762, #005C6E, #561B00, #001713)
- Washed Onyx color palette (#FEDCED, #827C00, #005B3F, #52003B, #091100)
Browse the whole catalog at Explore, or see today's palette.