Muted Cocoa color palette — #EFDFCE · #A58D44 · #986000 · #802F00 · #0B0C00

Rust and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EFDFCE): A whisper-light, dusty gold — the color of honey in a jar.
• Moss (#A58D44): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#986000): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#802F00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#0B0C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Olive color palette (#EBDFC0, #84995F, #7B7000, #674500, #001002)
• Bronze Balcony color palette (#E6F3E5, #9A7735, #724800, #492700, #100A00)
• Rust Hollow color palette (#FFEBDB, #CBAC7F, #C47942, #AC4539, #2B2400)
• Byzantium Drift color palette (#D9F4E3, #008AA4, #A434B8, #873C00, #000608)
• Softworn Corridor color palette (#DCEFDB, #D37C4D, #006664, #002F2F, #000300)
• Tempered Alley color palette (#FCF4E7, #DAD0AF, #C0AA74, #AD7C51, #423F00)
• Muted Rust color palette (#FFEADC, #E9BF95, #DE8C68, #C25A60, #433308)
• Tempered Rose Drift color palette (#F6EAFA, #FF4B3F, #00855F, #002D1D, #010200)

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