Cocoa Atelier color palette — #FFEBDF · #C7B796 · #8A8F6A · #7C5661 · #6A4344
Cocoa takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFEBDF): A whisper-light, dusty gold — the color of old brass.
- Sand (#C7B796): A luminous, dusty gold — the color of old brass.
- Eucalyptus (#8A8F6A): A luminous, dusty green — the color of fresh herbs.
- Graphite (#7C5661): A full-bodied, dusty red — the color of embers at dusk.
- Cocoa (#6A4344): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Tempered Garden color palette (#F7F5EB, #ADB48F, #4C7F6F, #754F43, #414700)
- Stone Dune color palette (#FFE7F2, #B7E3C8, #94C0A1, #9892B6, #4F4A66)
- Worn Petrol Study color palette (#DDF9F1, #9FC5C1, #608B8C, #3B637B, #26394B)
- Washed Cocoa color palette (#EAF1E0, #61A185, #4C6F5A, #733831, #592721)
- Chalky Moss Delta color palette (#EEDEC8, #8DAF56, #008A68, #70365C, #5A232A)
- Tempered Study color palette (#FAF4EE, #BFE6DB, #7789B8, #036F7D, #5D3C4E)
- Emerald Meadow color palette (#F6F8D9, #699754, #8D6AA7, #8B4C68, #383931)
- Airy Olive Coast color palette (#F6F7DF, #84AD6E, #947CB9, #407618, #493962)
Browse the whole catalog at Explore, or see today's palette.