Muted Cocoa color palette — #E9F9F7 · #6FA995 · #007173 · #733720 · #063D41

A conversation between Rust and Teal, giving this palette its sense of optimism and calm.

The five colors

• Ivory (#E9F9F7): a clean, paper-quiet neutral.
• Jade (#6FA995): A luminous, dusty teal — the color of glacier melt.
• Teal (#007173): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#733720): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#063D41): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Ancient Quarry color palette (#EBF9F3, #84A680, #007458, #4B4F0E, #163D38)
• Aged Terrace color palette (#EEF8F4, #A6C9C6, #588D7F, #427162, #355451)
• Hushed Pier color palette (#FFF1F6, #B3A26C, #637218, #006044, #483900)
• Antique Mulberry color palette (#CAECEE, #218D6E, #925091, #942F5F, #003235)
• Airy Market color palette (#D7F6F5, #589F77, #A457A0, #00683E, #4B2549)
• Teal Delta color palette (#F5F7E3, #8EDDBD, #48B3B0, #8A827D, #333730)
• Dusty Olive Pier color palette (#DDFCFD, #AEDFED, #80BBDF, #567318, #174A4F)
• Cobalt Terrace color palette (#FAF3F8, #A4CCDD, #0C82B1, #006150, #223B5C)

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