Tailwind Lime
All 11 Lime shades, 50 to 950 — click any value to copy it as hex, OKLCH, RGB, HSL or class name.
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 |
What is Tailwind Lime?
Tailwind Lime is one of the 22 default color families in Tailwind CSS, published as 11 shades running from lime-50 (lightest) to lime-950 (darkest). Tailwind CSS v4 defines every shade in OKLCH, with a hex fallback for older browsers. Reach them through utility classes such as bg-lime-500, text-lime-700 and border-lime-200 — no config needed.
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
Related tools
- Tailwind Colors — the full palette, all 22 families and 242 shades.
- Shadcn Theme Generator — turn Lime into light and dark shadcn tokens.
- OKLCH Converter — convert any Lime hex to OKLCH, RGB or HSL.
- Color Shades Generator — turn your own brand color into an OKLCH tint and shade scale.
