John Lemon
#eeff22
Muted lemon-yellow accent, warmer and softer than chartreuse
About John Lemon
Picture a pale yellow highlighter that got cleaned up and dried out. John Lemon is that sort of lane: light, almost chalky, and sharply cool-leaning compared to the other yellows, so it doesn't carry the heat you expect from Banana King or the more electric punch of High Voltage.
In practice, it's the yellow I use when I need labels, tags, and status cues to read fast without feeling like an alert siren. Think dashboards at retail banks, logistics portals, and admin panels where you want the one you reach for for "in progress" and "attention needed" states, plus bright CTA accents in explainer graphics and onboarding screens. Compared to Busy Bee, it's lighter but a touch less saturated, so it behaves more like an emphasis paint than a full-on glare.
One quirk: keep it away from very warm golds, or it'll look washed beside them. Against cool grays, though, it clicks cleanly and stays legible across dense UI.
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.