Electric Lettuce
#7bd181
Lighter, mint-leaning chartreuse for fresh UI
About Electric Lettuce
On my monitor, Electric Lettuce looks like fresh, light spring growth that's been turned up a notch. It's not minty-air like Gossip, and it doesn't have the denser jewel weight of Enchanted Emerald. Compared to Fluorescence, it's a touch less "lit from within" and more straightforwardly green, with a crisp, lively undertone that reads clearly without feeling signal-heavy.
I use it when the UI needs bright success-green that still feels friendly. Think logistics and warehouse workflows where you want scan confirmations and progress states to pop, sustainability reporting cards that need attention without turning chart-green intense, and product thumbnails or category tiles for consumer goods where green has to stay legible against neutrals. It also behaves nicely for status chips and onboarding steps because it keeps that clean, quick punch.
Quirk to watch: because it's light and concentrated, it can feel a bit shouty next to very cool grays. If it starts dominating, lean on a calmer border green or a slightly warmer off-white for balance.
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.
