Muted Cocoa color palette — #FFF2E9 · #DEDFCB · #AEBCD4 · #A37D71 · #714200

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#AEBCD4): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#A37D71): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#714200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Worn Bloom color palette (#FFF2F0, #DFFED4, #E1DACF, #A07A81, #7C3D24)
• Antique Bronze Coast color palette (#FDF4E0, #C6F6D7, #B3D9C8, #AD7945, #5B5000)
• Patina Bronze color palette (#FFF2EA, #D5B08D, #AC7047, #71564E, #5F4200)
• Weathered Grove color palette (#FFF0F8, #C4E9F5, #B4B5C5, #BC93A9, #624C53)
• Tempered Mint color palette (#FFF4E1, #D5EDBB, #73C7AF, #8E5F42, #504000)
• Wandering Market color palette (#FAF4EB, #DABC82, #6D5C2D, #3C3832, #24251B)
• Antique Bronze Summit color palette (#F9F5ED, #D3C07C, #388D88, #7F6C24, #273126)
• Patina Mint color palette (#EADEBB, #91C276, #009B86, #6B3B00, #232D00)

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