Vivid orange, yellow, green and teal linear swatches

Vivid orange, yellow, green and teal color palette

Linear swatches, 32 colors at 165°: #ff7a24, #ffcb3b, #f2ee64, #83dc6b, #26bfbf. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ff7a24
#ff8224
#ff8c26
#ff9829
#ffa42e
#ffaf33
#ffba37
#ffc43a
#ffcb3b
#fed244
#ffd94c
#ffde56
#ffe35f
#ffe761
#fdeb61
#f9ed63
#f2ee64
#e8ee63
#dbec60
#cde95d
#bce65c
#aae25e
#97df63
#83dc6b
#6eda77
#56d886
#3cd495
#23d0a2
#0fccae
#10c7b6
#1dc3bc
#26bfbf

CSS

background: linear-gradient(165deg, oklch(72.44% 0.1847 47.81) 0.000% 3.125%, oklch(73.59% 0.1794 51.09) 3.125% 6.250%, oklch(75.19% 0.1730 55.62) 6.250% 9.375%, oklch(77.10% 0.1668 61.03) 9.375% 12.500%, oklch(79.18% 0.1617 66.93) 12.500% 15.625%, oklch(81.29% 0.1585 72.94) 15.625% 18.750%, oklch(83.32% 0.1574 78.67) 18.750% 21.875%, oklch(85.11% 0.1585 83.76) 21.875% 25.000%, oklch(86.55% 0.1608 87.82) 25.000% 28.125%, oklch(87.90% 0.1592 90.95) 28.125% 31.250%, oklch(89.24% 0.1579 93.43) 31.250% 34.375%, oklch(90.47% 0.1548 95.50) 34.375% 37.500%, oklch(91.54% 0.1518 97.39) 37.500% 40.625%, oklch(92.37% 0.1539 99.34) 40.625% 43.750%, oklch(92.89% 0.1564 101.56) 43.750% 46.875%, oklch(93.02% 0.1568 104.30) 46.875% 50.000%, oklch(92.67% 0.1577 107.70) 50.000% 53.125%, oklch(91.73% 0.1598 111.40) 53.125% 56.250%, oklch(90.33% 0.1630 115.34) 56.250% 59.375%, oklch(88.62% 0.1665 119.54) 59.375% 62.500%, oklch(86.72% 0.1698 124.03) 62.500% 65.625%, oklch(84.80% 0.1723 128.82) 65.625% 68.750%, oklch(82.99% 0.1735 133.93) 68.750% 71.875%, oklch(81.43% 0.1728 139.39) 71.875% 75.000%, oklch(80.15% 0.1695 145.50) 75.000% 78.125%, oklch(78.90% 0.1637 152.75) 78.125% 81.250%, oklch(77.70% 0.1561 160.71) 81.250% 84.375%, oklch(76.56% 0.1474 168.91) 84.375% 87.500%, oklch(75.52% 0.1386 176.88) 87.500% 90.625%, oklch(74.60% 0.1303 184.15) 90.625% 93.750%, oklch(73.83% 0.1233 190.25) 93.750% 96.875%, oklch(73.23% 0.1185 194.70) 96.875% 100.000%);

In these collections

Bright gradients Green gradients