Luigi

#4cbb17

Yellow-leaning, medium green for playful UI states

Save
Share

About Luigi

Luigi reads like a bright, clean lawn-green sign that's been slightly rinsed for air. It's much lighter and more balanced than , so it doesn't feel wet or grounded, and it doesn't carry the dense, painty confidence of . Compared with , Luigi is less glassy and less tight-saturated, so the green comes off fresher and more open rather than sharply "lit."

In UI, I use Luigi when the state needs to look affirmative but not punchy like neon. It works well for operations and health workflows where you're scanning lots of small components: manufacturing check passes, pharmacy fulfillment progress, lab sample status, and sustainability dashboards that update through the day. It's also a solid choice for product settings and feature badges in SaaS where you want consistent green without drifting toward yellow warmth.

Pair it with deep charcoal, cool slate, and soft off-whites. If you stack it beside warmer greens, Luigi can start to look a bit too airy, so keep the temperature shift intentional.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.49:1Fail

On Gray 100 #f5f5f5

Aa
2.29:1Fail

On Gray 900 #18181b

Aa
7.11:1AAA

On Black #000000

Aa
8.43:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Luigi

Open the generator with this color pre-loaded.

Start creating