Muted Cocoa color palette — #FFF3EA · #EED8D8 · #E6CA99 · #B5B779 · #693C00

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

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Bone (#EED8D8): A whisper-light, dusty red — the color of a theater curtain.
• Wheat (#E6CA99): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B5B779): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#693C00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Muted Mint color palette (#FCF4E6, #E8D9C8, #C3D398, #71C7B8, #494740)
• Patina Fern Pier color palette (#FFF2EB, #E8BB90, #B8955C, #81753B, #5B5000)
• Driftwood Chapel color palette (#FFF2ED, #E9D3C0, #AFA891, #968090, #604D5A)
• Driftwood Dune color palette (#FDF4E4, #D8C28B, #9AB0E9, #A58939, #5E4259)
• Mustard Grove color palette (#FFF4DE, #FFC8B2, #E3B000, #50A96D, #3A360C)
• Wandering Fern Loft color palette (#F5F6EA, #C9D6BC, #87A586, #8F7675, #3D5716)
• Wandering Lagoon Harbor color palette (#FCF3EF, #CDE9E3, #90BDA8, #57957F, #34514A)
• Dusty Amber Workshop color palette (#FBEFE6, #CB8A61, #725100, #552C00, #27201D)

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