Purple & Violet Gradients

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

67 gradientsCSS · Tailwind · Figma

Purple & Violet Gradients · Cool

67 gradients · page 2 of 3
Udemy

Udemy

Make

Make

Messenger

Messenger

Loops

Loops

Clerk

Clerk

Inngest

Inngest

Datadog

Datadog

Penpot

Penpot

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.