Muted Cocoa Market color palette — #E5F7E9 · #89B7A5 · #5B7F63 · #6B4027 · #0A2825

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

The five colors

• Cream (#E5F7E9): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#89B7A5): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5B7F63): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#6B4027): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#0A2825): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Hushed Station color palette (#FFEBF6, #96B596, #986850, #693E43, #11281D)
• Patina Chestnut color palette (#EBF9EE, #89B29C, #866F3A, #70470F, #28443A)
• Chestnut Chapel color palette (#D0E8D7, #939E73, #756328, #5B320E, #001D1B)
• Worn Chestnut Thicket color palette (#FCF4E8, #C7BE9B, #A18D62, #925936, #3D4100)
• Aged Plum Harbor color palette (#EAF4F6, #7DC2BA, #A1568F, #00746C, #110B19)
• Olive Parlor color palette (#D7F4E4, #5E7D3F, #4C4500, #341D00, #000703)
• Softworn Aubergine color palette (#E6F4FF, #3684B0, #6D438A, #483B00, #041725)
• Muted Stone Quarry color palette (#E4F5FF, #E29DAB, #1B5D74, #012B40, #040E15)

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