Fashion & Beauty Gradients

Retail, cosmetics and apparel brands — where a gradient usually exists to flatter the product photographed on top of it rather than to stand on its own.

16 gradientsCSS · Tailwind · Figma
All TechMediaFinanceFashionFood
All moods WarmCoolBoldPastelDarkNeonNeutral
All colours RedOrangeYellowGreenTealBluePurplePinkGrey

Fashion & Beauty Gradients

16 gradients
Palace

Palace

Supreme

Supreme

Dior

Dior

Versace

Versace

Prada

Prada

Rolex

Rolex

Chanel

Chanel

Gucci

Gucci

Adidas

Adidas

Nike

Nike

About fashion & beauty gradients

Fashion gradients behave differently from software ones because they almost never appear by themselves. They sit behind a garment, a bottle or a face, so they are chosen for what they do to the thing in front of them: warm tones for skin, deep neutrals for packaging, high-key pastels for anything that wants to read as clean.

The set is small and grows as brands are added. If you are building a lookbook or a product page, start here and then check the darkest stop against your typography — these are tuned for photography, not for text.

Explore more gradients

By type

BrandCuratedSeasonalUIBrands A–ZGrainyNewGradient of the daySurprise me

By mood

WarmCoolBoldPastelDarkNeonNeutral

By industry

TechMediaFinanceFashionFood

By colour

RedOrangeYellowGreenTealBluePurplePinkColour pairsAny hex code

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