Sour Apple Rings
#33bb00
Zesty yellow-green, warmer and bolder than Glimmer
About Sour Apple Rings
Sour Apple Rings reads like a fresh, sweet-green candy that got pulled slightly toward the yellow side without turning chartreuse. Compared to Lush Plains, it feels more electrically bright and more centered in the "fruit green" zone, not field-depth. It's also a touch more saturated and less softly settled than Lusty Lizard, so it pops sooner on first glance. Against Green Glimmer, it's brighter still, but with a creamier, fruitier undertone instead of that straight-up neon glow.
I use it for win-states and confirmed chips when the UI needs the one you reach for green that feels clean, fun, and unmistakable in tight table rows. It's great for logistics scan milestones, manufacturing quality approval steps, and pharmacy progress indicators where repeated lines need instant recognition. In dashboards and finance apps, it works well for positive confirmations when you want a "fresh good news" signal, not the steady, darker authority of the deeper greens.
Pair it with soft warm neutrals or very light grays, because next to cool-minty backgrounds it can feel a little too "awake."
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.