Cut the Mustard

#ba7f38

Smoky mustard amber for punchier, less dusty headings

Save
Share

About Cut the Mustard

Cut the reads like a ripe seed pressed onto a matte surface. It's distinctly more golden and cleaner than the burnt-iron depth of , and it doesn't tip orange like . Compared to , it feels brighter at the center, with a softer, less brown-gold edge that keeps the overall tone from getting heavy.

I reach for this shade when a UI needs warmth that looks deliberate, not scorched. It works well as a header bar, badge fill, or quiet hero background for food and beverage brands, craft studios, and retail e-comm panels where you want warmth without slipping into caramel darkness. In editorial layouts, it holds up behind product photos better than the deeper golds, because the undertone stays sunlit yellow instead of ochre-burnished.

Pair it with cream, soft stone, or warm grays. If you mix it with bright peachy creams, it can start to flatten, so I keep the contrast a little steadier with neutral off-whites.

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
3.40:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.12:1FailAA Large

On Gray 900 #18181b

Aa
5.21:1AAAAA Large

On Black #000000

Aa
6.18:1AAAAA Large

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 Cut the Mustard

Open the generator with this color pre-loaded.

Start creating