Cocoa Atelier color palette — #F6F6EC · #89A174 · #457697 · #7E3F2F · #374923
Bronze takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6EC): a clean, paper-quiet neutral.
- Moss (#89A174): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#457697): A full-bodied, dusty blue — the color of open sky before noon.
- Bronze (#7E3F2F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Olive (#374923): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Mulberry Basin color palette (#F9F5ED, #AA9660, #347E7B, #803655, #573D00)
- Softworn Fern Balcony color palette (#F2F7EF, #5CA993, #74659E, #625300, #364927)
- Hushed Cobalt Atelier color palette (#E8F5F8, #45AFA9, #606CAC, #6E394C, #142E1A)
- Cocoa Corridor color palette (#FAF4EF, #CCBFA7, #77885D, #566D51, #644800)
- Tempered Bronze color palette (#F1F9E6, #C7CEBE, #8B9885, #9C5E3B, #654F00)
- Teal Grove color palette (#EFF8EE, #5AC5BF, #8884C1, #925552, #44433B)
- Washed Ridge color palette (#FAF4EF, #CAE7E8, #8399C4, #247E77, #654957)
- Soft Denim color palette (#E4F8DC, #75BDC6, #3E96B9, #27649F, #644257)
Browse the whole catalog at Explore, or see today's palette.