Muted Cocoa color palette — #F9E7CC · #C1BB99 · #7A8A6D · #6E4B4B · #4D2E2C
Built around Coffee, softened by Eucalyptus — the whole palette hums with sophistication.
The five colors
- Parchment (#F9E7CC): A whisper-light, dusty gold — the color of honey in a jar.
- Stone (#C1BB99): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#7A8A6D): A luminous, dusty green — the color of a quiet forest floor.
- Coffee (#6E4B4B): A full-bodied, dusty red — the color of late-summer berries.
- Espresso (#4D2E2C): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, 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
- Wandering Petrol Field color palette (#ECF6E0, #A5B29E, #738D74, #51668A, #624959)
- Cocoa Villa color palette (#EEF3DA, #96B094, #588579, #68422C, #352406)
- Patina Denim Atelier color palette (#D2E8CE, #819D7A, #2E648B, #5B2B17, #2E1800)
- Patina Bloom color palette (#E8EAD6, #6E9F77, #00777D, #6F3248, #480022)
- Aged Cerulean color palette (#D7FFF7, #B9E1EF, #9CBCBE, #6689A2, #445467)
- Washed Cypress Grove color palette (#FAEFEA, #C9E4D2, #6494B0, #1C6D5D, #3A223B)
- Pine Veranda color palette (#E5E0C3, #96B570, #3D8C4C, #00634A, #00302D)
- Lagoon Atelier color palette (#E4FAD7, #79CAAD, #208867, #004A37, #001912)
Browse the whole catalog at Explore, or see today's palette.