Muted Cocoa color palette — #FCF3EC · #DAD0BB · #9F9E75 · #997178 · #614900

Built around Bronze, softened by Taupe — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Oat (#DAD0BB): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#9F9E75): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#997178): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Fern color palette (#F8F5EB, #CFD5B5, #8CA384, #60877B, #4A5303)
• Stone Lantern color palette (#FCF2F5, #C1E6F7, #99B993, #868299, #3A4B43)
• Ancient Driftwood color palette (#EEF8F2, #A2CBBE, #6B8B68, #566879, #3D524C)
• Timeworn Loft color palette (#FDF4E5, #AFC488, #179E66, #915170, #334112)
• Antique Dune color palette (#FFF1F3, #E3D9D1, #AAB4C0, #AA97C7, #634846)
• Washed Aubergine color palette (#F5E7D7, #979659, #357030, #473385, #1D1C00)
• Softworn Villa color palette (#FFF1F4, #D5B7E2, #7FC398, #AD6FC5, #4C4E47)
• Hushed Pewter color palette (#FFF0FC, #C6C4F3, #B28BC8, #9E5B87, #70473E)

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