Muted Cocoa color palette — #FFF4E2 · #B5A86F · #638157 · #48587F · #564700
Deep Olive takes the lead with Camel close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Camel (#B5A86F): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#638157): A full-bodied, dusty green — the color of new leaves after rain.
- Peacock (#48587F): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Olive (#564700): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Muted Cocoa 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
- Cocoa Grove color palette (#FEF4E4, #D2997A, #887544, #2C6271, #673C00)
- Muted Fern Alley color palette (#FFF4E2, #8CB48C, #39867D, #684E73, #3D5007)
- Cocoa Courtyard color palette (#F9F5EA, #A09B5A, #317D82, #584B74, #693008)
- Softworn Ridge color palette (#FEEEE6, #CCA27E, #628357, #673F76, #362A13)
- Hushed Oat color palette (#FCF5E0, #CFD0B7, #8B9581, #7C6974, #604A44)
- Muted Pewter color palette (#FFF0FA, #DDAFC1, #799F6A, #855D92, #384E3E)
- Muted Chestnut color palette (#F5F6EC, #B9C7A5, #75886D, #875B1E, #415611)
- Muted Moss color palette (#FFF4DE, #839700, #007348, #463387, #273D17)
Browse the whole catalog at Explore, or see today's palette.