Muted Cocoa color palette — #CCE6D7 · #5DA9B5 · #4B6792 · #67400C · #3C3400

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

The five colors

• Celadon Mist (#CCE6D7): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#5DA9B5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4B6792): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#67400C): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3C3400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Timeworn Cabin color palette (#D9F2F3, #81A2C1, #665E8A, #2E503D, #3E3507)
• Hushed Basalt color palette (#E8F3E2, #679E8D, #3B6C83, #5E3D56, #552616)
• Chalky Ridge color palette (#D1E9FD, #8EA8CF, #757CAE, #82406E, #612437)
• Bronze Orchard color palette (#DEE4D1, #85C0BE, #629BC4, #9F6840, #37342D)
• Hushed Navy Dune color palette (#CFEAEF, #4C7495, #544072, #2C2D00, #181D00)
• Soft Chestnut Study color palette (#CEE5F5, #0073A5, #944400, #634800, #002235)
• Cobalt Orchard color palette (#CBE1F3, #0089BF, #995800, #004F71, #3E2100)
• Patina Boulevard color palette (#F8EAF0, #8FB7D4, #2F68B0, #004F51, #252952)

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