Muted Cocoa color palette — #FFF3E4 · #AEAB68 · #886E46 · #794116 · #414000

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#AEAB68): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#886E46): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#794116): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#414000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Taupe Boulevard color palette (#FFF2EB, #CA9D6C, #946555, #6E434D, #403D36)
• Ancient Chestnut Chapel color palette (#F6E6CB, #959C63, #7C5F13, #603921, #30312A)
• Muted Bronze color palette (#E3F8E7, #91B69D, #877247, #3A5439, #0F281C)
• Timeworn Driftwood Alley color palette (#ECF9EE, #B1DCC5, #C2A87C, #AD7B59, #27443C)
• Softworn Olive color palette (#F2EAD9, #648224, #524500, #3D2000, #131900)
• Cobalt Field color palette (#FFF0FE, #4780D7, #777512, #57561A, #3C2D3B)
• Nocturne Cabin color palette (#F3DDCD, #755200, #481E00, #280005, #040400)
• Lilac Summit color palette (#E9F2FF, #B4A1F7, #9E5D91, #7E3743, #682600)

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