Can I use this gradient in Tailwind CSS?

CSS Gradient Generator & Builder

Design linear and radial CSS gradients with multi-color stops, angle controls, presets, and 1-click CSS code copy.

Your files are processed in your browser and are not uploaded to our server.

Gradient Type

Angle Direction90°

Start Color

End Color

Color Presets

CSS Code

background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);

Choose Linear or Radial gradient mode.

Select start and end colors, or pick an angle rotation.

Copy the ready-to-paste background CSS code.

Linear and Radial gradient modes with 360° angle slider

Color pickers for start and end color stops

Curated gradient presets (Sunset Glow, Ocean Breeze, Neon Cyber...)

1-click copy CSS background code

Everything you need to know about this tool and data privacy.

Yes! You can paste the generated CSS gradient into standard CSS or Tailwind's bg-[...] arbitrary value.

More tools in the same category you might find useful

Generate cryptographically strong, random passwords with custom length, symbols, numbers, and strength score.

Generate customizable QR codes for URLs, text, WiFi, or contact details with downloadable PNG and SVG images.

Generate random RFC 4122 Version 4 UUIDs / GUIDs in bulk with customizable hyphens and uppercase options.