Muted Cocoa color palette — #F2E3D1 · #AD9E70 · #966626 · #803100 · #242700

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

The five colors

• Parchment (#F2E3D1): A whisper-light, dusty gold — the color of old brass.
• Taupe (#AD9E70): A luminous, dusty green — the color of fresh herbs.
• Ochre (#966626): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#803100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#242700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, 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

• Softworn Bronze Villa color palette (#F1E6D7, #BDAD83, #9E7A33, #844A1D, #31312A)
• Wandering Coast color palette (#E7E1CC, #8EA973, #78761B, #644700, #002D12)
• Linen Bronze color palette (#FFF1F5, #CFAF4E, #A36706, #6D341B, #00170F)
• Ancient Cocoa color palette (#FDF3E9, #D6C9B2, #B1967A, #956858, #564600)
• Hushed Station color palette (#F8ECDE, #7D6F21, #5D3E00, #3D1800, #030400)
• Linen Boulevard color palette (#F2D5E1, #8A68D2, #B84746, #555700, #2D0D1E)
• Hazy Workshop color palette (#F2E7F1, #79A6E9, #B8406A, #005DCA, #210201)
• Misty Quarry color palette (#FAE7EF, #8464BE, #AF1E00, #275200, #00112A)

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