Cocoa Atelier color palette — #FDF3ED · #C9B49D · #A27461 · #7A5249 · #5A4400
A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Stone (#C9B49D): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#A27461): A luminous, dusty orange — the color of toasted spice.
- Coffee (#7A5249): A full-bodied, dusty orange — the color of toasted spice.
- Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Softworn Archive color palette (#FFF2EA, #E3C4A8, #C58C73, #A36144, #633F00)
- Aged Forest Summit color palette (#FFF2F0, #DFB4A1, #A27C4F, #645C00, #2B551A)
- Muted Chestnut Balcony color palette (#FAF5E9, #AAA98A, #7D733B, #754501, #354400)
- Patina Driftwood Boulevard color palette (#FCEDF5, #D6AEBE, #A9745D, #684E64, #252F25)
- Dusty Bone color palette (#FFF0F9, #C7E2C4, #CDAABF, #9F89A4, #3B4C42)
- Muted Cocoa color palette (#F2E6D6, #A29674, #805C1D, #6F2D0E, #31312A)
- Aged Plum Workshop color palette (#FCF3F1, #DFB5AF, #6F874D, #A04F6B, #2F2E27)
- Muted Olive color palette (#F0DEBF, #727D36, #574200, #411C00, #001D03)
Browse the whole catalog at Explore, or see today's palette.