Nacho Cheese
#ffbb00
Lighter mustard-gold than Marigold, for playful UI accents
About Nacho Cheese
Nacho Cheese looks like the moment cheddar hits heat: rich and a little buttery, but not the punchy orange swing you'd get from a deeper "badge heat" yellow. Compared with Beloved Sunflower, it's less glowing and more dense, like it's got weight. Compared with Amber, it stays friendlier and less assertively gold, and it doesn't read as confident push. With Marigold, the undertone is bolder and more savory, leaning less honeyed and more cheesy.
I reach for it on food delivery and grocery surfaces where users are basically scanning hunger cues. It also works on snack brands, menu cards, and checkout moments in consumer retail UI because the lightness keeps text chips legible without going pale. It's the yellow I want when the design needs the one you reach for warmth, but you don't want the color to feel too "sunshine bright" like Beloved Sunflower.
Pair it with deep greens, toasted browns, or cool grays so it doesn't tip toward orange on warm backgrounds. If the surrounding neutrals are already creamy, add a cooler border or it can flatten fast.
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.