Teal & Cyan Gradients

Teals, cyans and aquas — the hinge between green and blue, calm without being corporate.

101 gradientsCSS · Tailwind · Figma

Teal & Cyan Gradients · Cool

101 gradients · page 3 of 5
Vimeo

Vimeo

Messenger

Messenger

Curated

Orca

Upstash

Upstash

Turso

Turso

Elastic

Elastic

Segment

Segment

Rows

Rows

About teal & cyan gradients

Teal is where a lot of considered product design ends up. It has blue’s composure without blue’s ubiquity, and it pairs with both warm and cool accents, which makes it unusually forgiving as a brand ground.

It is also the hue that survives desaturation best: a muted teal still reads as teal, where a muted red reads as brown. That makes these a good starting point for interface surfaces that need colour without committing to a statement.