Green vs Lime: True vs Bright Green
Compare Tailwind's green and lime for status indicators and eco-themed branding.
Green
#22c55e
Balanced true green
Lime
#84cc16
Strong yellow shift
Side-by-Side Comparison
| Aspect | Green | Lime |
|---|---|---|
| Undertone | Neutral green | Yellow-green, chartreuse |
| Mood | Reliable, positive, calm | Energetic, fresh, youthful |
| Accessibility | Reasonable contrast on white | Challenging on light backgrounds |
| Use case | Checkmarks, progress bars, success | Accent dots, tags, eco badges |
| Best For | Success states, confirmations | Fresh accents, eco-tech branding |
Our Recommendation
Green for standard success indicators. Lime for energetic accents on dark backgrounds.
Tailwind Classes
Green
Background: bg-green-500
Text: text-green-500
Border: border-green-500
Lime
Background: bg-lime-500
Text: text-lime-500
Border: border-lime-500
#greens#green#lime#comparison