49 color combinations — ready-to-copy CSS and Tailwind code. Click any gradient to customize and export.
Open the full gradient editor →
Blue → Purple
Purple → Pink
Pink → Orange
Orange → Yellow
Green → Blue
Teal → Purple
Red → Orange
Blue → Cyan
Indigo → Pink
Yellow → Red
Cyan → Blue
Lime → Cyan
Violet → Blue
Rose → Violet
Sky → Emerald
Amber → Pink
Purple → Orange
Teal → Pink
Blue → Green
Red → Purple
Black → Purple
White → Blue
Navy → Gold
Dark → Teal
Pink → Purple
Blue → Pink
Green → Yellow
Orange → Red
Teal → Blue
Purple → Blue
Indigo → Cyan
Rose → Orange
Emerald → Blue
Fuchsia → Pink
Cyan → Purple
Yellow → Green
Slate → Blue
Lime → Green
Violet → Pink
Sky → Blue
Amber → Orange
Indigo → Purple
Green → Teal
Pink → Red
Blue → Indigo
Purple → Violet
Rose → Pink
Dark → Purple
Midnight → Blue
Want animated gradients, mesh gradients, or 3D effects?
Open Gradient Studio — Free