Tailwind Lime
Lime is a vivid, high-energy green that leans toward yellow. It's eye-catching for fresh, playful, or "eco" brands, and works well as a bold highlight rather than body colour.
Click any value to copy it. All 11 Lime shades (50–950) in hex, OKLCH, RGB, HSL and Tailwind class.
| Swatch | Shade | Class | Hex | OKLCH | RGB | HSL |
|---|---|---|---|---|---|---|
| 50 | ||||||
| 100 | ||||||
| 200 | ||||||
| 300 | ||||||
| 400 | ||||||
| 500 | ||||||
| 600 | ||||||
| 700 | ||||||
| 800 | ||||||
| 900 | ||||||
| 950 |
Where to use Tailwind Lime
- Energetic accents:
bg-lime-400 text-lime-950. - Fresh highlights:
bg-lime-100 text-lime-800. - Bold badges:
bg-lime-500.
Related Tailwind colors
Build a full theme from Lime with the shadcn theme generator, or see the whole Tailwind colors palette.
Copied
