Muted Cocoa Workshop color palette — #EDF2C9 · #A7B89D · #6B8A71 · #7C585F · #723E08

Bronze and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EDF2C9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A7B89D): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#6B8A71): A luminous, dusty teal — the color of sea glass.
• Graphite (#7C585F): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#723E08): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Muted Cocoa Workshop 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

• Softworn Harbor color palette (#E8FCE6, #99BCAA, #907991, #75584F, #5D4400)
• Ancient Cocoa Courtyard color palette (#EDFAE4, #BDD2C1, #7B988D, #876965, #7A3D1F)
• Chestnut Dune color palette (#F9F5E8, #A3B78E, #5A7E5D, #6C5801, #494400)
• Worn Powder color palette (#D6FFF9, #B3DFE3, #91C1D5, #908AAD, #574A5D)
• Cocoa Alley color palette (#DDF3F7, #6A9CBF, #596389, #6D352E, #4D300D)
• Teal Loft color palette (#EBFAE9, #47B3AD, #BC707C, #007571, #633139)
• Muted Spruce color palette (#D1E6F0, #9D7D9D, #6F4A5D, #563220, #3A2B00)
• Bronze Canyon color palette (#E8FCE8, #009C9F, #9466A4, #8B5F00, #293E2B)

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