Muted Cocoa color palette — #F8E6CD · #A4A46C · #8C6200 · #702B00 · #0B2300

Built around Rust, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Parchment (#F8E6CD): A whisper-light, dusty gold — the color of old brass.
• Sage (#A4A46C): A luminous, dusty green — the color of new leaves after rain.
• Ochre (#8C6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#702B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#0B2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Sunlit Garnet Cabin color palette (#FCE4D3, #BE9962, #9E542C, #7B152E, #201D00)
• Washed Bronze color palette (#FAECD9, #AC9D5D, #896100, #6C3C00, #37352F)
• Washed Chestnut color palette (#F3E3C7, #818C60, #685200, #4D2500, #0D1000)
• Patina Ridge color palette (#E2FEE6, #E2D088, #B58A37, #8B4F00, #292A00)
• Tempered Villa color palette (#FFE6D6, #8D6A3E, #732900, #470018, #070500)
• Soft Rust Orchard color palette (#F5E3F6, #E07FA2, #C82805, #573800, #1D1A00)
• Worn Rust Dune color palette (#FFEEE6, #C44C3A, #7C4B00, #004551, #240009)
• Frosted Grape color palette (#FBEEF0, #D187E0, #677300, #8F00A5, #080A00)

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