Lemon
#fff700
Sunlit lemon yellow with less neon bite
About Lemon
Picture a drop of lemon on a white cutting board, that first flash of yellow that feels crisp before it turns soft. Lemon is the Gray family's bright, high-lighting yellow, but it's noticeably paler and less "gold coin" than Banana King, and less bleached than Electric Yellow. Where Delayed Yellow leans toward gentler warmth, Lemon reads cleaner and tighter, more like fresh pigment than softened sunlight.
I reach for it in product banners and e-commerce hero sections when you want the highlight to show up instantly without borrowing attention from the main message. It's great for onboarding steps, success confirmations, and fintech UI that needs dashboards and finance apps clarity without the urgency you'd get from Electric Yellow. Pair it with light warm grays so it stays "sunny" instead of chalky, or push it against deeper grays for a punchy header accent.
Quirk: compared to Banana King, it needs slightly more visual space to feel confident, especially in dense icon rows.
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.