Muddy Yellow

#bfac05

Muted olive-gold yellow for grounded, earthy accents

Save
Share

About Muddy Yellow

Muddy Yellow looks like a field note someone kept in their pocket too long: yellow-green, but muted until it feels dusty and slightly grayed. Compared with , it loses that clean label sharpness and instead turns more opaque and earthy. Compared with , it's less sun-spot golden and more "collected over time," so the warmth settles rather than flashes.

I use it when I need a grounded accent that still reads as yellow-family against UI greens, especially on CPG shelf UI for batch or tier tags that shouldn't feel like a hard warning. It also works in ecommerce product cards where the highlight needs to sit near olives without leaning into the extra-golden punch of , or the softer lived-in calm of . In dashboards and operations screens, it's the kind of color that can mark "in progress" without shouting.

Pair it carefully: next to very bright lemons it can look a bit tired, but with deeper olive or warm off-white it regains its structure fast. The undertone is what matters most here, it stays earthy and low-saturation rather than crisp.

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.30:1Fail

On Gray 100 #f5f5f5

Aa
2.11:1Fail

On Gray 900 #18181b

Aa
7.69:1AAA

On Black #000000

Aa
9.12: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

#bda928
#bea932
#ccaa00
#cab012
#c1b23e
#ceb301

Create a gradient with Muddy Yellow

Open the generator with this color pre-loaded.

Start creating