Cut the Mustard
#ba7f38
Smoky mustard amber for punchier, less dusty headings
About Cut the Mustard
Cut the Mustard reads like a ripe mustard seed pressed onto a matte surface. It's distinctly more golden and cleaner than the burnt-iron depth of Arrakis Spice, and it doesn't tip orange like Ginger Beer. Compared to Gothic Gold, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.