Big Yellow Taxi
#ffff33
Pure, high-saturation yellow that reads hot against Gray
About Big Yellow Taxi
Big Yellow Taxi sits between Canary's uncompromising scream and Butter's warm glow, it's brighter than Butter but less aggressive than Canary, which means it actually works in more places without feeling like you're making a statement. There's still real yellow in there, enough saturation to read as intentional, but it doesn't demand the room the way Canary does. It's the one I reach for when I need a background that has backbone.
You'll land it on product pages, web applications, and marketing layouts where the brightness matters but the content still needs to breathe. Financial dashboards that need to feel approachable without going soft. E-commerce sites building trust through warmth. Design tools where you're staring at the canvas all day and need something present but not exhausting. It holds text, it holds imagery, it doesn't apologize for existing.
The difference from Bollywood Gold: this one's lighter and cleaner, strips away some of that restraint. Pair it with warm grays and it settles in like it belongs. Push it against cool colors and it stays steady, doesn't sharpen into neon the way Canary would, but doesn't soften into dated the way Butter sometimes does under that contrast.
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.