Orange & Pink Gradients

About orange & pink gradients

Orange and pink are one step apart on the wheel, with red between them, and a straight blend passes through red on the way. That middle colour is what makes these gradients look rich rather than flat — warmth and appetite on one side, confidence and play on the other.

Because the two hues are close, the angle does most of the work. A straight 90° or 180° sweep reads calm and directional; a diagonal gives a hero or card the most movement. The most common angle across these 35 gradients is 45°.

Brand gradients here that combine orange and pink include ones inspired by Airtable, Alibaba, Slack and Instagram. Every gradient below copies as CSS, Tailwind or a Figma token in one click.

Start a orange & pink gradient in the generator, or see every orange and pink gradient on its own.