Muddy Brown

#886806

Save

About Muddy Brown

Muddy Brown looks like wet earth pressed into a boot print, but it still has a green backbeat. Compared to Alligator, it's less cool and less aggressively green. Compared to Aged Antics, it's darker and more grounded, not that sunlit, wood-syrup warmth. And next to Glazed Chestnut, it reads more like soil stain than a glossy, chestnut-forward finish.

It's the kind of shade I use when I need a brown-green neutral that has weight without turning into flat chocolate. Think packaging for outdoor hardware, olive-oil and earthy pantry brands, and UI for inventory-heavy tools where the background shouldn't feel cheerful. It holds up nicely in editorial specs, dense product pages, and sidebars for dashboards and finance apps-style layouts, especially when you want readability without bright contrast.

One quirk: it can tip a little murky next to yellow-cream. I'll usually pair it with bone, misty gray, or a cooler sage so it stays intentional and not accidental.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Muddy Brown

Open the generator with this color pre-loaded.

Start creating