Bold Gradients

High saturation, high contrast, wide hue travel — gradients built to be seen first and read second.

360 gradientsCSS · Tailwind · Figma

Bold Gradients

360 gradients · page 15 of 15
Adobe

Adobe

Visa

Visa

Rolex

Rolex

Gucci

Gucci

Adidas

Adidas

Nike

Nike

Twitch

Twitch

Figma

Figma

Slack

Slack

Stripe

Stripe

Netflix

Netflix

Microsoft

Microsoft

Google

Google

TikTok

TikTok

YouTube

YouTube

Spotify

Spotify

Instagram

Instagram

About bold gradients

Bold is the largest mood in the library because most brand gradients are bold by design. They earn their place on hero sections, launch banners, app store screenshots and anywhere the job is to stop a scroll rather than support a paragraph.

They are also the least forgiving behind text. A bold gradient usually passes contrast at one end and fails at the other, so either place type over the dark stop only, or drop a scrim between the two. The contrast readout in the Gradient Text Generator reports the weakest point for you.