Purple & Violet Gradients

Purples, violets and indigos — premium, creative, and the single most imitated gradient direction of the last decade.

84 gradientsCSS · Tailwind · Figma

Purple & Violet Gradients · Bold

84 gradients · page 2 of 4
Udemy

Udemy

Curated

Argon

Curated

Soft Glow

Make

Make

Messenger

Messenger

Lyft

Lyft

About purple & violet gradients

Purple carries the strongest associations of any hue here: luxury at the deep end, creativity in the middle, and “AI startup” anywhere it meets blue. That last one is worth being deliberate about, because a violet-to-blue sweep now dates a design as precisely as a drop shadow does.

Where it still works is anywhere the product is the interesting part — creative tools, music, gaming, anything that wants to feel less corporate than blue allows. Against a dark ground purple holds its saturation better than almost anything else.