Tailwind Indigo
Indigo is a deep blue-violet — Tailwind's original brand hue. It reads as premium and a touch creative, a strong alternative primary when plain Blue feels too expected.
Click any value to copy it. All 11 Indigo 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 Indigo
- Premium primary:
bg-indigo-600. - Gradients:
from-indigo-500 to-purple-500. - Focus rings:
ring-indigo-500.
Related Tailwind colors
Build a full theme from Indigo with the shadcn theme generator, or see the whole Tailwind colors palette.
Copied