Muted Cocoa color palette — #F7E1EB · #B58899 · #8D5326 · #6D2F0C · #1F371E

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

The five colors

• Rose Water (#F7E1EB): A whisper-light, dusty rose — the color of strawberry cream.
• Dusty Rose (#B58899): A luminous, dusty rose — the color of pressed rose petals.
• Ochre (#8D5326): A full-bodied, balanced gold — the color of old brass.
• Rust (#6D2F0C): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#1F371E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. 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

• Worn Bronze color palette (#FEE7F2, #BF926D, #A14F09, #7C2C00, #4C2E04)
• Dusty Chestnut Orchard color palette (#DEEDDD, #7DA183, #815B21, #633800, #193824)
• Aged Chestnut Villa color palette (#EDDBE3, #B29265, #994D07, #622A25, #041E10)
• Worn Bronze color palette (#F9E3D2, #C5A982, #BA6828, #85463F, #33302A)
• Patina Archive color palette (#FADDE6, #8F7044, #633A00, #401E00, #1F1400)
• Dusty Driftwood color palette (#FEF1F9, #C9B0BD, #99738B, #72516B, #54414A)
• Frosted Mulberry Basin color palette (#F6F3FD, #C280B4, #9F2F42, #870278, #211221)
• Velvet Chestnut color palette (#EED6E5, #834723, #4E1700, #270200, #080200)

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