Muted Cocoa color palette — #F7F2DC · #94A974 · #506F40 · #6D340C · #1F1D06

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

The five colors

• Cream (#F7F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#94A974): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#506F40): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#6D340C): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1D06): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Garden color palette (#F0F5DE, #60B486, #19755A, #4B4540, #191F0B)
• Powdered Amber color palette (#F1E3CD, #AC9400, #625E00, #622D0D, #1B1600)
• Antique Chestnut color palette (#F2F3E3, #95C09A, #538166, #79480D, #262919)
• Softworn Lagoon Villa color palette (#FCF4E6, #A7BD8D, #568E73, #6B5A81, #36362F)
• Weathered Garden color palette (#FCE4D3, #E06A22, #2F923F, #893A01, #042308)
• Mustard Coast color palette (#FFEFDF, #F2CF9C, #C9B065, #936248, #30200E)
• Sunlit Pier color palette (#FFEEE1, #F28F35, #9A5300, #4A2700, #160700)
• Olive Corridor color palette (#EBEADD, #488C27, #00531A, #461C01, #020B00)

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