Muted Cocoa Study color palette — #FEF3E7 · #E8D7B9 · #D1B082 · #AD8A6D · #584500

Deep Olive takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Wheat (#E8D7B9): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#D1B082): A luminous, dusty gold — the color of old brass.
• Caramel (#AD8A6D): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Muted Cocoa Study 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 Boulevard color palette (#F4E5DA, #E6B78B, #D6875A, #A76558, #34302A)
• Timeworn Hollow color palette (#FBF2F9, #AAC1FA, #E9A66E, #9B9F66, #453843)
• Faded Mustard Corridor color palette (#FDEDCA, #C8D071, #BDA300, #A2771F, #2C3B16)
• Timeworn Bronze color palette (#F0DFD0, #C79547, #B56600, #933B0D, #1F1400)
• Weathered Frost Alley color palette (#EDF9EC, #B4EEEA, #9AB898, #897282, #30443F)
• Pewter Workshop color palette (#EAF5EA, #ABC2AF, #6E8C70, #714B59, #213026)
• Frosted Moss Cabin color palette (#F1EAD4, #A5BC79, #969400, #826800, #132B0C)
• Dusty Chestnut Corridor color palette (#FCE9CB, #8C8239, #785B00, #5A3600, #050300)

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