Purple & Violet Gradients

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

34 gradientsCSS · Tailwind · Figma

Purple & Violet Gradients · Brand

34 gradients · page 1 of 2
Udemy

Udemy

Make

Make

Messenger

Messenger

Lyft

Lyft

Loops

Loops

Clerk

Clerk

Inngest

Inngest

Datadog

Datadog

Penpot

Penpot

Lattice

Lattice

Gumroad

Gumroad

Cron

Cron

Phantom

Phantom

Polygon

Polygon

Solana

Solana

HBO Max

HBO Max

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.