Muted Cocoa color palette — #ECF9EE · #006C77 · #614700 · #293700 · #132101

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Teal (#006C77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#614700): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#293700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#132101): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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 Cocoa color palette (#F1F8EB, #00795B, #7D3700, #433400, #222204)
• Dusty Field color palette (#E9FAF4, #2973A9, #475800, #003E26, #00220C)
• Inked Ridge color palette (#DCF5E6, #004E61, #393400, #042100, #000A09)
• Pine Summit color palette (#FBF2FA, #6B81AB, #46713F, #005D52, #24392F)
• Linen Cobalt color palette (#FAEDFB, #2E74C7, #7F3500, #004521, #130613)
• Wandering Chestnut Villa color palette (#FFEDE9, #A95C6A, #804000, #423B00, #003611)
• Timeworn Amethyst Drift color palette (#FFF1F7, #6E4DC9, #006451, #004049, #082147)
• Faded Brick Archive color palette (#F0F5FF, #6B7BD9, #B82A00, #005E2E, #141E30)

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