Muted Cocoa color palette — #E7EEE7 · #AABEB6 · #749694 · #5C3E00 · #162317

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E7EEE7): a clean, paper-quiet neutral.
• Ash (#AABEB6): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#749694): A luminous, dusty teal — the color of glacier melt.
• Bronze (#5C3E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#162317): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Parlor color palette (#D9E6DE, #97AFAA, #5D888C, #403700, #04180E)
• Worn Garnet color palette (#F1E7EF, #C3B4B9, #7E9489, #782318, #291926)
• Chestnut Orchard color palette (#E4EAE5, #B7C9C0, #8CADA3, #7A5B00, #162319)
• Softworn Canyon color palette (#E7F1F0, #BBD0D6, #8EA4B3, #1D643B, #1D3231)
• Wandering Onyx color palette (#D1E8E2, #3E8A6F, #004F53, #51132F, #002116)
• Ancient Bronze color palette (#F0F7F2, #D1DFE0, #B1C4CD, #887135, #434A44)
• Worn Study color palette (#F1DFD5, #948C4A, #18604C, #512646, #3F0F1B)
• Soft Tangerine Harbor color palette (#C7EBD6, #FC7733, #927700, #006159, #121E00)

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