Teal & Cyan Gradients

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

39 gradientsCSS · Tailwind · Figma

Teal & Cyan Gradients · Brand

39 gradients · page 1 of 2
Vimeo

Vimeo

Messenger

Messenger

Upstash

Upstash

Turso

Turso

Elastic

Elastic

Segment

Segment

Rows

Rows

Wise

Wise

Domino's

Dominos

Peacock

Peacock

Zendesk

Zendesk

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.