Tangerine Classic

Beautiful 4-stop gradient with rich orange color palette

Orangeorangelinear4-stop

CSS Code

CSS

background: linear-gradient(210deg, #ffa300, #f9b844, #ffd204, #f7dba8);

Tailwind

bg-gradient-to-bl from-[#ffa300] via-[#f9b844] via-[#ffd204] to-[#f7dba8]

Type

Linear

Angle

210°

Colors

4 stops

#ffa300

Stop 1

#f9b844

Stop 2

#ffd204

Stop 3

#f7dba8

Stop 4

Perfect for: