Accessible CSS Gradient Generator

← All Posts

The Ultimate Pink Color Swatch Book

The Spectrum of Essential Pink

Pink is one of the most versatile colors in modern design. While traditionally associated with romance and femininity, today’s pink palette extends far beyond those stereotypes. From subtle blush tones and elegant rose shades to vibrant magentas and energetic hot pinks, the pink spectrum offers colors suitable for luxury brands, SaaS products, fashion websites, beauty businesses, and contemporary user interfaces. In this guide, we’ll explore some of the most beautiful shades of pink, complete with names and hexadecimal color codes ready for your next design project.

#FFC0CB #FF69B4 #FF1493 #C71585

#FFC0CB Pink

#FF69B4 Hot Pink

#FF1493 Deep Pink

#C71585 Medium Violet Red

Soft Pastel Pink Shades

Pastel pinks are among the most popular colors for modern UI design. Their gentle appearance creates a welcoming, calm atmosphere that works particularly well for backgrounds, onboarding screens, and minimalist design systems.

#FFD1DC #FFE4E1 #FADADD #FFF0F5

#FFD1DC Pastel Pink

#FFE4E1 Misty Rose

#FADADD Pale Pink

#FFF0F5 Lavender Blush

Rose and Blush Pink Colors

Rose-inspired pinks combine warmth and elegance. These shades are commonly used in luxury cosmetics, wedding branding, fashion websites, and premium product packaging.

#F4C2C2 #E8B4B8 #DCAE96 #BC8F8F

#F4C2C2 Tea Rose

#E8B4B8 Blush Pink

#DCAE96 Rose Gold Pink

#BC8F8F Dusty Rose

Bright and Vibrant Pinks

These energetic pinks command attention. They are perfect for modern startups, social media brands, event websites, and marketing campaigns that need strong visual impact.

#FF69B4 #FF1493 #FC0FC0 #FF43A4

#FF69B4 Hot Pink

#FF1493 Deep Pink

#FC0FC0 Shocking Pink

#FF43A4 Neon Pink

Magenta and Fuchsia Tones

Positioned between pink and purple, magenta-inspired shades create a bold, creative aesthetic. They are especially popular in digital products, gaming brands, and futuristic design systems.

#FF00FF #C71585 #D63384 #E0218A

#FF00FF Fuchsia

#C71585 Medium Violet Red

#D63384 Raspberry Pink

#E0218A Magenta

Coral and Peachy Pink Shades

When pink mixes with orange undertones, it creates vibrant coral-inspired colors. These shades feel warm, energetic, and friendly, making them ideal for lifestyle brands and modern landing pages.

#FF7F7F #FF6F61 #FFA07A #F88379

#FF7F7F Coral Pink

#FF6F61 Living Coral

#FFA07A Light Salmon

#F88379 Salmon Pink

Luxury and Dark Pink Shades

Darker pinks add sophistication and maturity while preserving the warmth of the pink family. They work exceptionally well for premium branding, fashion, beauty products, and elegant website themes.

#B03060 #AA336A #9F2B68 #872657

#B03060 Rich Pink

#AA336A Dark Pink

#9F2B68 Rose Magenta

#872657 Dark Rose

Conclusion

Pink is far more versatile than many designers realize. It can be soft and calming, bold and energetic, luxurious and sophisticated, or playful and modern. Whether you’re designing a beauty brand, a startup landing page, a creative portfolio, or a contemporary user interface, the pink spectrum provides countless possibilities for creating memorable visual experiences.

Explore More Colors and Gradients

Continue exploring the world of color:

Create accessible color systems with design-token support and Tailwind exports using the TrueCSSApp Gradient Generator