Pink & Magenta Gradients
Pinks, magentas and roses — the most divisive band here, and the one doing the most work in beauty, music and anything aimed young.
119 gradientsCSS · Tailwind · Figma
Pink & Magenta Gradients
119 gradients · page 5 of 5Seasonal
Spring Bloom
Curated
Cyberpunk
Curated
Dusty Rose
Curated
Bubblegum Pop
Curated
Cotton Candy
Lululemon
Lululemon
Klarna
Klarna
Grubhub
Grubhub
Supreme
Supreme
Apple Music
Apple Music
ConvertKit
ConvertKit
Asana
Asana
Airtable
Airtable
Angular
Angular
Dribbble
Dribbble
Red Bull
Red Bull
Slack
Slack
Airbnb
Airbnb
TikTok
TikTok
InstagramInstagram
Pink combinations
All combinations →About pink & magenta gradients
Pink stopped being a niche in branding some years ago and became a signal: it reads as confident and current in a way blue cannot. It is also the hue most likely to look cheap if the saturation is even slightly off.
The reliable move is to pair it with a deep neutral or a violet rather than another warm hue — pink against orange is very hard to make look deliberate. At small sizes the lighter roses vanish entirely, so keep the darker stop dark enough to hold an edge.
Explore more gradients
Build your own
Gradient GeneratorAnimated Gradient GeneratorMesh Gradient GeneratorTonal Gradient GeneratorGlassmorphism BuilderGradient Text GeneratorGradient from ImageGradient Wallpaper MakerGradient Border GeneratorGradient Contrast CheckerSVG Wave & Blob GeneratorDuotone GeneratorAurora Background GeneratorGradient Button GeneratorGradient Palette GeneratorGradient Shadow GeneratorCSS Pattern GeneratorGradient Avatar GeneratorGradient Loader GeneratorGradient Overlay Generator
