Tangerine Classic

Beautiful 4-stop gradient with rich orange color palette

Orangeorangeradial4-stop

CSS Code

CSS

background: radial-gradient(circle, #ffa400, #ffb359, #f5c406, #ffd6a9);

Tailwind

bg-gradient-radial from-[#ffa400] via-[#ffb359] via-[#f5c406] to-[#ffd6a9]

Type

Radial

Angle

135°

Colors

4 stops

#ffa400

Stop 1

#ffb359

Stop 2

#f5c406

Stop 3

#ffd6a9

Stop 4

Perfect for: