Muted Cocoa color palette — #F2E7E1 · #C4B19A · #9E9572 · #88341C · #1E1008

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

The five colors

• Parchment (#F2E7E1): a clean, paper-quiet neutral.
• Stone (#C4B19A): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9E9572): A luminous, dusty green — the color of new leaves after rain.
• Rust (#88341C): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1E1008): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Patina Delta color palette (#EDE5DE, #B3B0A4, #A09B7A, #B35000, #200F03)
• Timeworn Hollow color palette (#E6E0D9, #ADA489, #858971, #613B00, #0F0702)
• Fern Basin color palette (#E8E6DC, #C2C7B5, #95AC93, #606700, #231F0E)
• Softworn Driftwood Orchard color palette (#F8F5ED, #D1DFD0, #B0C4BB, #888250, #3E3A30)
• Timeworn Bronze color palette (#FFF2EA, #EEDBBD, #C3BF9E, #B15D2C, #4F2600)
• Worn Moss Bloom color palette (#F1E4CF, #758F30, #00633B, #442D51, #0C1200)
• Blush Workshop color palette (#ECDFD5, #FF5D81, #BF7400, #008142, #0F0A00)
• Hushed Chestnut Balcony color palette (#F6DBC6, #9D4D00, #004B6A, #002847, #030028)

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