Muted Cocoa color palette — #FAF4EB · #DEDFCB · #96845B · #5D4000 · #201A10
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#96845B): A luminous, dusty gold — the color of old brass.
- Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#201A10): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Worn Basalt Grove color palette (#F2F7EA, #EADFB9, #468565, #303F00, #0D1105)
- Worn Taupe color palette (#F0F8F1, #C6E8CD, #B19C6E, #56765E, #252E27)
- Softworn Terrace color palette (#F7F1E7, #D6C195, #765E24, #34302A, #18130B)
- Weathered Amber Studio color palette (#ECF1DE, #DC8E23, #00491C, #1C2729, #000B02)
- Inked Study color palette (#EFE7D4, #9E7100, #211B00, #0B0C06, #020100)
- Mustard Harbor color palette (#FBF5E5, #D0C57B, #8FB1DD, #6384AF, #34312B)
- Basalt Summit color palette (#FFF3E8, #D8E3B2, #74B0A0, #886584, #414300)
- Cerulean Courtyard color palette (#F8F5EA, #B1BC79, #47A0B8, #805A7D, #2E2614)
Browse the whole catalog at Explore, or see today's palette.