Cocoa Atelier color palette — #FDF3EC · #DFCFB2 · #91A46D · #73836E · #644700
Bronze takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF3EC): bright and airy, almost weightless.
- Wheat (#DFCFB2): A whisper-light, dusty gold — the color of old brass.
- Moss (#91A46D): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#73836E): A full-bodied, dusty green — the color of new leaves after rain.
- Bronze (#644700): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Bronze Harbor color palette (#F8F5EC, #D1D4B7, #6EA999, #947A33, #4E5200)
- Timeworn Lagoon color palette (#FCF2F5, #C1E6F3, #A7B589, #6A8D90, #384C40)
- Ancient Powder Delta color palette (#FAF4EF, #CBE8E8, #8FB3E8, #529489, #5F4C57)
- Bronze Balcony color palette (#EBDED4, #9E7F20, #465C00, #4B235F, #150E00)
- Ancient Cabin color palette (#E8FAEF, #59C1DD, #C69F3F, #899451, #33483C)
- Softworn Pine Grove color palette (#EBE3D8, #9CAD71, #00884F, #115F70, #2F2904)
- Aged Emerald Drift color palette (#FFF3E5, #BDC16A, #3C9D47, #007782, #3C3D11)
- Wandering Corridor color palette (#EBF9F0, #89D1E2, #D7A862, #349BB0, #514C46)
Browse the whole catalog at Explore, or see today's palette.