Muted Cocoa color palette — #E4F0E0 · #57958B · #3A6F89 · #574500 · #001709

Deep Olive takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E4F0E0): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#57958B): A luminous, dusty teal — the color of glacier melt.
• Slate (#3A6F89): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Olive (#574500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001709): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Forest color palette (#D9F6F4, #628C7A, #6D6294, #225225, #001615)
• Wandering Denim Workshop color palette (#DBE8F2, #5D7596, #5D4882, #512300, #1C1200)
• Pewter Ridge color palette (#E1EFF6, #7991BF, #8E659A, #006356, #00222E)
• Dusty Cypress Canyon color palette (#E8DECA, #789262, #007454, #005068, #030800)
• Tempered Bloom color palette (#F9EBE5, #6DABBC, #1879BE, #005F49, #05002C)
• Softworn Nightshade Field color palette (#CCEDFE, #6981AD, #533C92, #321500, #020100)
• Muted Balcony color palette (#D1EAFC, #B8B5EF, #C686A3, #0091A4, #00434D)
• Charred Orchard color palette (#DAF2F3, #275F97, #4A285A, #231A00, #000301)

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