Sorreno Lemon
#f1d058
Softer, warmer lemon-chartreuse for friendly UI highlights
About Sorreno Lemon
Sorreno Lemon looks like a bright lemon peel catch on a sunlit cutting board. It's lighter than New Gold and less metallic, so it doesn't read brass. Compared with Maize, it stays more distinctly lemon-forward with that crisp green-family undertone rather than drifting toward a softer corn-day cast. Versus Rubber Ducky, it has a calmer, more even glow, not the extra "toy clean" punch.
On screens, this is the shade I'd use when you want a fresh section tint that feels upbeat but controlled. It works in product headers and category labels for retail and e-commerce, and it also behaves nicely in hospitality surfaces like room-detail cards where you need warmth without turning everything into a callout. I like it for onboarding and step UIs when the highlight needs to feel the one you reach for for attention that stays readable, not buzzy.
Pair it with deeper greens or charcoal text. If you put it next to cool grays, it can start looking a touch washed and less "lemon" than you meant.
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.