Sour Yellow
#eeff04
Greener, brighter chartreuse-yellow accent for cool grays
About Sour Yellow
On a light interface, Sour Yellow feels like a fresh canary label instead of a warning stripe. It's bright and punchy, but the temperature is a touch cooler than the yellows that creep toward warm gold, so it doesn't turn syrupy next to gray UI.
Compared with High Voltage, it's less electric and less "urgent-on-contact," so it reads like emphasis rather than alarm. Compared with Banana Flash, it holds onto a clearer, cleaner yellow cast instead of drifting warmer, and it's a bit lighter in mood, not as neon-forward. I use it for inline status tags, shipment and tracking portals, and editorial overlays where you want attention without triggering the alert mindset. It's also a strong pick for CTA highlights in retail banking flows and onboarding hints, where the goal is confident direction, not crisis.
Pair it with cool grays and soft neutrals. If you put it beside very warm yellows, Sour Yellow will look slightly restrained, not wrong, just less "sun-gold."
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.
