Muted Cocoa color palette — #FFEEE4 · #ADAF85 · #3B8493 · #7F3C1F · #26301A

Bronze takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADAF85): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#3B8493): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#7F3C1F): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#26301A): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Fern Delta color palette (#F8F2DF, #9FB38D, #587C9E, #595500, #1F3121)
• Weathered Archive color palette (#FEF4E4, #6EB8A7, #24849B, #774860, #3D4D3C)
• Driftwood Harbor color palette (#F7F0EC, #CEC1AD, #8F843B, #55684E, #34302A)
• Tempered Hollow color palette (#FEF0FB, #9BCCA7, #519DBE, #92605A, #354C50)
• Pale Jade Meadow color palette (#FFEFDF, #16AB70, #006994, #5B3300, #00221F)
• Muted Bronze Orchard color palette (#F5F3DB, #C2D1BC, #99879A, #8E6125, #5F3A00)
• Washed Cypress color palette (#F7F0EC, #C7E5E5, #B090AE, #1A7B70, #472D3B)
• Worn Lagoon Terrace color palette (#E7F0E7, #2D9395, #28413A, #152215, #0B0D07)

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