Tech Gradients

The gradients behind the software you use all day — SaaS dashboards, developer tools, phones and the companies that make them. Sampled from live brand assets rather than guessed from screenshots.

99 gradientsCSS · Tailwind · Figma

Tech Gradients · Bold

99 gradients · page 3 of 5
Pitch

Pitch

Cron

Cron

Raycast

Raycast

LG

LG

Huawei

Huawei

Xiaomi

Xiaomi

Alibaba

Alibaba

Porsche

Porsche

Ferrari

Ferrari

Miro

Miro

ClickUp

ClickUp

Asana

Asana

Monday

Monday

HubSpot

HubSpot

Wix

Wix

Webflow

Webflow

Laravel

Laravel

About tech gradients

Tech is the largest industry in the library by a wide margin, and it is where the modern gradient habit started: a violet-to-blue sweep became shorthand for “software company” somewhere around 2015 and has not let go since. That makes it the easiest place to look generic and the most useful place to study what separates one blue from another.

Use these for competitive decks, integration pages and design research — the places where being approximately right about a brand is worse than being deliberately different. If you need something adjacent rather than identical, take one as a starting point and widen the hue range in the Gradient Generator.