Muted Cocoa color palette — #DCE9CE · #59A18E · #297A8E · #733930 · #44210F

A conversation between Rust and Teal, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#DCE9CE): A whisper-light, dusty green — the color of fresh herbs.
• Eucalyptus (#59A18E): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#297A8E): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#733930): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#44210F): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Washed Denim Canyon color palette (#D1E8CE, #1D9392, #166593, #642912, #2D1C00)
• Tempered Studio color palette (#FCEED7, #95A275, #007D62, #653457, #441924)
• Wandering Teal color palette (#E8E8D0, #63B89F, #3F8CAB, #77556F, #40170F)
• Jade Summit color palette (#E8E3CC, #66A466, #007258, #444A11, #022204)
• Worn Basin color palette (#DBF0E8, #30C4D8, #5D89CD, #885626, #59330C)
• Muted Plum color palette (#C9F4F6, #00858B, #C30042, #814800, #001617)
• Tempered Lagoon color palette (#CEEBDD, #00A494, #007376, #004A57, #002334)
• Rust Study color palette (#DFF4E1, #00999F, #C74000, #005F63, #340A00)

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