Tailwind Pink
Pink is playful and friendly — ideal for lifestyle, social and creative products, and for accents, tags and gradients that should feel warm and approachable.
Click any value to copy it. All 11 Pink 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 Pink
- Friendly accents:
bg-pink-500. - Tags and chips:
bg-pink-100 text-pink-700. - Gradients with fuchsia/rose.
Related Tailwind colors
Build a full theme from Pink with the shadcn theme generator, or see the whole Tailwind colors palette.
Copied
