Muted Cocoa color palette — #FAF4EC · #E0C38E · #96B484 · #47968F · #683102

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sand (#E0C38E): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#96B484): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#47968F): A luminous, dusty teal — the color of sea glass.
• Bronze (#683102): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Oat Thicket color palette (#F7F5EB, #C3CF8A, #74BA9F, #5591A2, #47413C)
• Aged Shell color palette (#FFF2EC, #F9B3A3, #BFA674, #759066, #5E3535)
• Fern Basin color palette (#FFF5D9, #D6D8A0, #AEBA77, #839661, #565100)
• Wandering Petrol Courtyard color palette (#FBF2FA, #F8B9B3, #78A87D, #5467A3, #452E4B)
• Softworn Bronze color palette (#FAF1E0, #CDB572, #917931, #6E4F00, #25211C)
• Apricot Cabin color palette (#FBF4EC, #D9A575, #459C9C, #61658F, #463B61)
• Lime Orchard color palette (#F6F3DC, #A2C046, #00AB8F, #AA5144, #392800)
• Lime Market color palette (#FAF6DE, #AFC500, #00B388, #00839E, #452A00)

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