Muted Cocoa color palette — #FDEFE5 · #DDDAC5 · #A7C5AB · #AC7572 · #583100
A conversation between Cocoa and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FDEFE5): A whisper-light, dusty gold — the color of honey in a jar.
- Bone (#DDDAC5): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#A7C5AB): A luminous, dusty green — the color of fresh herbs.
- Mocha (#AC7572): A luminous, dusty orange — the color of sun-warmed clay.
- Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged pastel, light, 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
- Weathered Canyon color palette (#F8F2DD, #C9E6C3, #97D7BC, #9C7B35, #32322B)
- Softworn Chestnut Balcony color palette (#F5F2E7, #C1BC9C, #878559, #695522, #2D2D1B)
- Aged Boulevard color palette (#FFEFDF, #D5E7AF, #B5C970, #B75321, #3D2900)
- Weathered Glacier color palette (#FEF0FA, #C3EDF3, #A2D5E1, #897D9D, #5F4D55)
- Ancient Coast color palette (#EBDFD5, #AC8B49, #626A00, #5A1200, #050200)
- Hushed Sand color palette (#FFF0F9, #C4EAEE, #E5DDAA, #CA9894, #5B4950)
- Jade Meadow color palette (#EEE9DC, #AAB98C, #51A373, #654300, #0F1100)
- Hushed Cocoa Loft color palette (#FFF2EB, #DEDFCC, #EAB0C5, #9BC7CA, #77430E)
Browse the whole catalog at Explore, or see today's palette.