Muted Cocoa color palette — #F9F1DC · #A2B389 · #7B774D · #684400 · #21250C

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F1DC): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A2B389): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7B774D): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#684400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#21250C): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Weathered Parlor color palette (#FEEEE5, #C5A585, #976855, #654237, #2E2007)
• Fern Bloom color palette (#FCF5E1, #B0A881, #777546, #5F510F, #453E00)
• Ancient Chestnut Alley color palette (#E7E0CD, #90A071, #6F6622, #553700, #171A00)
• Antique Taupe color palette (#E3FCF0, #BDE8D7, #A2A172, #4F755F, #1E3730)
• Worn Bronze Villa color palette (#EBF9F2, #9DC9BC, #96925A, #846226, #194542)
• Antique Quarry color palette (#FDEEED, #B4B97C, #70455B, #3D1C1C, #150908)
• Bronze Veranda color palette (#FEEFE2, #B47645, #707C3F, #005D66, #251609)
• Pale Workshop color palette (#FFEADC, #C37B10, #943D00, #6B0016, #181100)

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