🎨 Shades of Pink

26 pink tones, each one click from your clipboard — 16 classic named colors plus a generated tint scale for building UI palettes. Pink is red with the aggression removed — energy softened into warmth, play, and romance. Hot pinks demand attention as loudly as red; blush and millennial pink became the 2010s' default 'friendly premium' brand tone.

• Magenta#ff00ff
• Fuchsia#c154c1
• Hot Pink#ff69b4
• Deep Pink#ff1493
• Barbie Pink#e0218a
• Cerise#de3163
• Raspberry#e30b5c
• Watermelon#fc6c85
• Coral Pink#f88379
• Flamingo#fc8eac
• Salmon Pink#ff91a4
• Rose Quartz#f7cac9
• Blush#de5d83
• Baby Pink#f4c2c2
• Cotton Candy#ffbcd9
• Millennial Pink#f3cfc6
• Pink 100#490929
• Pink 200#6d0d3d
• Pink 300#911252
• Pink 400#b61666
• Pink 500#da1b7a
• Pink 600#e6378f
• Pink 700#eb5ca3
• Pink 800#ef80b8
• Pink 900#f4a4cc
• Pink 1000#f8c9e0

Click any swatch to copy its hex code.

Using pink well

Hot pink with black is instant pop-punk; blush with sage and cream is the modern wedding palette; fuchsia against teal vibrates with retro energy. For interfaces, dusty pinks make warm neutrals that flatter photography.

Need variations of a specific shade? Copy its hex into the palette generator for harmonies, or the contrast checker to verify text passes WCAG on top of it.

Frequently asked questions

What are the most popular shades of pink?

The classics are Magenta, Fuchsia, Hot Pink, Deep Pink, Barbie Pink, Cerise — the named swatches at the top of this page. Click any of them to copy the hex code.

What do the numbered shades (100–1000) mean?

They're a generated lightness scale of one representative hue, in the naming style design systems like Tailwind and Material use — low numbers dark, high numbers light. Use them as a ready-made UI ramp.

How do I get RGB or HSL instead of hex?

Copy the hex here, then paste it into our HEX to RGB converter — it returns RGB and HSL together, and the color picker gives sliders for fine-tuning.