Muddy Mire

#c3988b

Muted clay-brown orange for grounded, moody layouts

Save
Share

About Muddy Mire

I keep thinking of muddy clay under late-afternoon light. Muddy Mire has that same earthy depth, but it stays clearly in the orange family, not the brown-grit direction you'd get from heavier earth tones. Compared to Café Crème, it's less clean and more worn in texture, and compared to Beauty and the Beach it has more weight and less "air."

It's a muted, warm, earthy orange that works when you want warmth to feel grounded, not creamy or airy. I reach for it in dashboard accents and packaging for skincare and home goods where the brand shouldn't look cheerful, just human and steady. Editorially, it holds up in section headers for lifestyle reporting, especially when you're using warm neutrals and want the orange to read like part of the layout, not a highlight.

Pair it with warm whites and soft taupes and let cool grays do the contrast work. If you put it next to , the difference is obvious: Muddy Mire's undertone stays warmer and earthier instead of tipping toward mauve.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.57:1Fail

On Gray 100 #f5f5f5

Aa
2.35:1Fail

On Gray 900 #18181b

Aa
6.90:1AAAAA Large

On Black #000000

Aa
8.18:1AAA

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

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Muddy Mire

Open the generator with this color pre-loaded.

Start creating