Purple & Violet Gradients

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

117 gradientsCSS · Tailwind · Figma

Purple & Violet Gradients

117 gradients · page 4 of 5
Curated

Relay

Loops

Loops

Clerk

Clerk

Inngest

Inngest

Datadog

Datadog

Penpot

Penpot

Lattice

Lattice

Gumroad

Gumroad

Cron

Cron

Phantom

Phantom

Polygon

Polygon

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.