Muted Cocoa color palette — #FAF4EA · #E5D8BC · #C8B483 · #A68E6D · #584500

Built around Deep Olive, softened by Sand — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Wheat (#E5D8BC): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#C8B483): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A68E6D): 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 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

• Bronze Drift color palette (#F9F1E4, #C4BB98, #A17B3B, #7F4919, #2C2E19)
• Mallow Alley color palette (#FFF2F0, #F3A9C7, #D6B073, #A09D5D, #483937)
• Ancient Bronze color palette (#F7E6D2, #BB9A5B, #A76F00, #824B00, #1D1500)
• Timeworn Archive color palette (#E9FAED, #B0E8D3, #95B99D, #8D717C, #33433F)
• Worn Delta color palette (#EBDFC2, #888615, #6D6000, #4E3D00, #050300)
• Frosted Tangerine Ridge color palette (#FFEADD, #F6B898, #FA7846, #C05F4F, #3A342F)
• Hushed Moss color palette (#E7DEC1, #B5C251, #9F9900, #847000, #222E00)
• Mallow Veranda color palette (#FFF1F4, #F4CAEE, #E99CCC, #BB7A98, #6D2F44)

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