Muted Cocoa color palette — #F7E5D9 · #9A5E37 · #742B00 · #470900 · #080200

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F7E5D9): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#9A5E37): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#470900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Timeworn Grove color palette (#EADCD4, #B5542E, #5E3D00, #621E00, #030100)
• Midnight Chestnut Drift color palette (#FBD8C4, #814A00, #4E1800, #280006, #050300)
• Softworn Delta color palette (#FCE7D3, #986800, #604700, #2A2200, #030300)
• Chestnut Lagoon color palette (#EEE1CB, #9D8C43, #785C00, #523700, #191700)
• Worn Bronze color palette (#EFDECD, #B9986E, #9C6320, #763B00, #312100)
• Chalky Scarlet color palette (#D4E9CF, #977500, #D00022, #180700, #050100)
• Terracotta Ridge color palette (#FFEADA, #D5AB86, #C56B22, #9E3F00, #4C2E00)
• Wandering Aubergine color palette (#FFE9F0, #6F259F, #00504D, #002E3D, #040008)

Browse the whole catalog at Explore, or see today's palette.