Muted Cocoa color palette — #F0E5D6 · #62636C · #654700 · #161C16 · #060600
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#F0E5D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Graphite (#62636C): a grounded near-black with real depth.
- Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#161C16): a grounded near-black with real depth.
- Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Eclipse Bloom color palette (#F7E7D7, #713F00, #424B42, #191C14, #080500)
- Garnet Summit color palette (#F5D8CA, #666169, #8F1900, #1F1B0E, #0C0300)
- Mustard Orchard color palette (#F9F5EA, #BAB15D, #5D5700, #2F2B20, #120F0B)
- Patina Jade Lantern color palette (#F0F9E8, #1FB88F, #364D35, #192111, #050602)
- Muted Bronze color palette (#F2E5CA, #957B00, #5A5900, #252C00, #010400)
- Forest Harbor color palette (#E7EED9, #007246, #2D363C, #001714, #010100)
- Garnet Summit color palette (#E5EADB, #5A7200, #005D91, #7D003B, #010100)
- Moss Lantern color palette (#F9F7DA, #7BA200, #01491E, #191600, #020100)
Browse the whole catalog at Explore, or see today's palette.