Orange Lemon Teal Sweep
This diagonal gradient begins in vivid orange, passes through gold and luminous yellow, turns through yellow-green and spring green, then finishes in saturated… Linear gradient, 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 in oklch, oklch(72.44% 0.1847 47.81) 0.0%, oklch(73.59% 0.1794 51.09) 3.2%, oklch(75.19% 0.1730 55.62) 6.5%, oklch(77.10% 0.1668 61.03) 9.7%, oklch(79.18% 0.1617 66.93) 12.9%, oklch(81.29% 0.1585 72.94) 16.1%, oklch(83.32% 0.1574 78.67) 19.4%, oklch(85.11% 0.1585 83.76) 22.6%, oklch(86.55% 0.1608 87.82) 25.8%, oklch(87.90% 0.1592 90.95) 29.0%, oklch(89.24% 0.1579 93.43) 32.3%, oklch(90.47% 0.1548 95.50) 35.5%, oklch(91.54% 0.1518 97.39) 38.7%, oklch(92.37% 0.1539 99.34) 41.9%, oklch(92.89% 0.1564 101.56) 45.2%, oklch(93.02% 0.1568 104.30) 48.4%, oklch(92.67% 0.1577 107.70) 51.6%, oklch(91.73% 0.1598 111.40) 54.8%, oklch(90.33% 0.1630 115.34) 58.1%, oklch(88.62% 0.1665 119.54) 61.3%, oklch(86.72% 0.1698 124.03) 64.5%, oklch(84.80% 0.1723 128.82) 67.7%, oklch(82.99% 0.1735 133.93) 71.0%, oklch(81.43% 0.1728 139.39) 74.2%, oklch(80.15% 0.1695 145.50) 77.4%, oklch(78.90% 0.1637 152.75) 80.6%, oklch(77.70% 0.1561 160.71) 83.9%, oklch(76.56% 0.1474 168.91) 87.1%, oklch(75.52% 0.1386 176.88) 90.3%, oklch(74.60% 0.1303 184.15) 93.5%, oklch(73.83% 0.1233 190.25) 96.8%, oklch(73.23% 0.1185 194.70) 100.0%);In these collections
Bright gradientsGreen gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
