Muted Cocoa color palette — #F0DAE0 · #7FA28A · #835B2B · #6A2400 · #001E14

Rust takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F0DAE0): A whisper-light, dusty rose — the color of a warm blush.
• Eucalyptus (#7FA28A): A luminous, dusty teal — the color of shallow lagoons.
• Coffee (#835B2B): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6A2400): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#001E14): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Sunlit Bronze Ridge color palette (#DCEFDC, #ADA066, #906000, #6D2F00, #1A1F00)
• Ancient Villa color palette (#EDDAE4, #B38C99, #8A563C, #6C1F24, #041E0E)
• Worn Chestnut color palette (#E1F2E4, #8A895D, #6C5000, #4B2600, #081200)
• Patina Dune color palette (#FFF3E6, #DEC39B, #A98153, #834600, #2D1F05)
• Weathered Cocoa color palette (#F3E4EE, #AEA15C, #71301B, #370A00, #0C0208)
• Linen Pine color palette (#F8EFF4, #CA9077, #017A26, #8C3700, #000807)
• Timeworn Quarry color palette (#FFECE0, #BA8F55, #6C6900, #224500, #001E11)
• Chestnut Harbor color palette (#FCEDF4, #ADC2AD, #9B7688, #784A44, #1F3126)

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