Orange Gradients

Oranges, ambers and golds — the warmth of red without the alarm, which is why so much of the food and fitness internet lives here.

140 gradientsCSS · Tailwind · Figma

Orange Gradients

140 gradients · page 6 of 6
Versace

Versace

Peacock

Peacock

Miro

Miro

Replit

Replit

Reddit

Reddit

Adobe

Adobe

Visa

Visa

Rolex

Rolex

Chanel

Chanel

Nike

Nike

Amazon

Amazon

Slack

Slack

Instagram

Instagram

About orange gradients

Orange is red’s approachable neighbour. It reads as energy and appetite without triggering the stop-sign response, and it flatters photography of people and food in a way few other hues manage.

The trap is contrast. Orange sits at a lightness that fails against both white and black more often than designers expect, so check the ratio before putting type on top — and if it has to hold text, push the darker stop toward amber.