Traffic Yellow
#fedc39
Signal-yellow chartreuse tuned for high-contrast highlights
About Traffic Yellow
Traffic Yellow looks like the moment a caution stripe catches light, but toned just enough to feel product-ready. Compared to Golden Period, it's cleaner and more immediately readable, with less soft-gold haze. It also avoids the neon-crisp sticker feel of Emoji Yellow and stays smoother and less lemon-sharp than Golden Boy.
I use it when the design needs bright, main-accent clarity without tipping into alert territory. It shows up in ecommerce and retail media for promo badges, checkout nudges, and feature callouts over light surfaces. In app UI, it works well for dashboards and finance apps where you want a key-value emphasis that reads fast but doesn't feel aggressive. Pair it with charcoal, deep olive, or clean off-white to keep the edges crisp and the yellow from looking dusty.
Quick note: because it's saturated and light, letting it bleed into big pale yellow backgrounds can flatten the contrast. Keep it as a focused accent, not a field fill.
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.