Red Gradients

Reds, crimsons and warm corals — the highest-urgency band on the wheel, and the one most likely to be doing a job rather than decorating.

120 gradientsCSS · Tailwind · Figma

Red Gradients · Warm

120 gradients · page 3 of 5
Redis

Redis

Twilio

Twilio

Fastly

Fastly

Hotjar

Hotjar

Maze

Maze

Rive

Rive

Gusto

Gusto

Deel

Deel

Brex

Brex

Ghost

Ghost

Pitch

Pitch

Raycast

Raycast

Roblox

Roblox

LG

LG

Huawei

Huawei

Xiaomi

Xiaomi

About red gradients

Red is the only hue that arrives with a default meaning already attached in an interface: it means stop, or error, or delete. That makes it powerful in marketing and risky in product, because a red gradient behind a success message reads wrong before anyone has finished the sentence.

Where it earns its place is appetite, urgency and heat — food, sport, sale banners, anything with a deadline on it. Pair it with a deep neutral rather than a second saturated hue; two loud colours in one gradient usually cancel each other out.