Media & Entertainment Gradients

Streaming services, music platforms, social networks and games — the brands competing for attention on a crowded home screen, and colouring themselves accordingly.

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

Media & Entertainment Gradients

40 gradients · page 1 of 2
Bluesky

Bluesky

Pandora

Pandora

Audible

Audible

Patreon

Patreon

Vimeo

Vimeo

Messenger

Messenger

beehiiv

Beehiiv

Medium

Medium

Roblox

Roblox

12→

About media & entertainment gradients

Media gradients run hotter and wider than tech ones. The job is not to recede behind a product but to be the product’s face among thirty other icons, which is why so many of them travel across half the colour wheel and finish somewhere saturated.

They work best where there is room: full-bleed heroes, app store screenshots, launch art. At small sizes the wide hue travel that makes them distinctive collapses into a muddy average, so tighten the range before putting one on a badge or a chart line.

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