# 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 teal. The warm opening and cool ending carry equal visual strength while the middle remains clean and bright. Use it for fresh campaign art, playful packaging, summer graphics, or interface backgrounds with a sunny-to-aquatic progression.

- Also called: Vivid tritone orange, yellow and teal linear gradient
- Seed: `kWuIcibbrEnY5QjnPsQXStGQ`
- Page: https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ?steps=32&angle=165
- Drawn as: linear gradient, 32 steps, 165 degrees
- Kinds: vivid, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#ff7a24` | `oklch(72.44% 0.1847 47.81)` | Royal Oranje | black, 8 to 1 |
| 2 | `#ff8224` | `oklch(73.59% 0.1794 51.09)` | Fluorescent Red Orange | black, 8.4 to 1 |
| 3 | `#ff8c26` | `oklch(75.19% 0.1730 55.62)` | Instant Orange | black, 9 to 1 |
| 4 | `#ff9829` | `oklch(77.10% 0.1668 61.03)` | Guava | black, 9.7 to 1 |
| 5 | `#ffa42e` | `oklch(79.18% 0.1617 66.93)` | Tamago Orange | black, 10.5 to 1 |
| 6 | `#ffaf33` | `oklch(81.29% 0.1585 72.94)` | Ripe Pumpkin | black, 11.4 to 1 |
| 7 | `#ffba37` | `oklch(83.32% 0.1574 78.67)` | Buddha’s Love Handles | black, 12.3 to 1 |
| 8 | `#ffc43a` | `oklch(85.11% 0.1585 83.76)` | Bright Bubble | black, 13.1 to 1 |
| 9 | `#ffcb3b` | `oklch(86.55% 0.1608 87.82)` | Yellow Jacket | black, 13.8 to 1 |
| 10 | `#fed244` | `oklch(87.90% 0.1592 90.95)` | Lamplight | black, 14.5 to 1 |
| 11 | `#ffd94c` | `oklch(89.24% 0.1579 93.43)` | Tuscan Sun | black, 15.2 to 1 |
| 12 | `#ffde56` | `oklch(90.47% 0.1548 95.50)` | Pickled Ginger | black, 15.8 to 1 |
| 13 | `#ffe35f` | `oklch(91.54% 0.1518 97.39)` | Fried Egg | black, 16.4 to 1 |
| 14 | `#ffe761` | `oklch(92.37% 0.1539 99.34)` | Fried Egg | black, 16.8 to 1 |
| 15 | `#fdeb61` | `oklch(92.89% 0.1564 101.56)` | Maizena | black, 17.1 to 1 |
| 16 | `#f9ed63` | `oklch(93.02% 0.1568 104.30)` | Yellowish | black, 17.3 to 1 |
| 17 | `#f2ee64` | `oklch(92.67% 0.1577 107.70)` | Crash Dummy | black, 17.1 to 1 |
| 18 | `#e8ee63` | `oklch(91.73% 0.1598 111.40)` | Honeysuckle | black, 16.7 to 1 |
| 19 | `#dbec60` | `oklch(90.33% 0.1630 115.34)` | Mindaro | black, 16.1 to 1 |
| 20 | `#cde95d` | `oklch(88.62% 0.1665 119.54)` | Maximum Green Yellow | black, 15.3 to 1 |
| 21 | `#bce65c` | `oklch(86.72% 0.1698 124.03)` | Inchworm | black, 14.5 to 1 |
| 22 | `#aae25e` | `oklch(84.80% 0.1723 128.82)` | Conifer | black, 13.7 to 1 |
| 23 | `#97df63` | `oklch(82.99% 0.1735 133.93)` | Last of Lettuce | black, 13 to 1 |
| 24 | `#83dc6b` | `oklch(81.43% 0.1728 139.39)` | Pastel Green | black, 12.4 to 1 |
| 25 | `#6eda77` | `oklch(80.15% 0.1695 145.50)` | Pastel Green | black, 11.9 to 1 |
| 26 | `#56d886` | `oklch(78.90% 0.1637 152.75)` | Drunken Dragonfly | black, 11.5 to 1 |
| 27 | `#3cd495` | `oklch(77.70% 0.1561 160.71)` | Envy’s Love | black, 11 to 1 |
| 28 | `#23d0a2` | `oklch(76.56% 0.1474 168.91)` | Wild Caribbean Green | black, 10.6 to 1 |
| 29 | `#0fccae` | `oklch(75.52% 0.1386 176.88)` | Mint Leaf | black, 10.2 to 1 |
| 30 | `#10c7b6` | `oklch(74.60% 0.1303 184.15)` | Amazonite | black, 9.8 to 1 |
| 31 | `#1dc3bc` | `oklch(73.83% 0.1233 190.25)` | Swimmers Pool | black, 9.5 to 1 |
| 32 | `#26bfbf` | `oklch(73.23% 0.1185 194.70)` | Maximum Blue Green | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(165deg, #ff7a24 0.0%, #ff8224 3.2%, #ff8c26 6.5%, #ff9829 9.7%, #ffa42e 12.9%, #ffaf33 16.1%, #ffba37 19.4%, #ffc43a 22.6%, #ffcb3b 25.8%, #fed244 29.0%, #ffd94c 32.3%, #ffde56 35.5%, #ffe35f 38.7%, #ffe761 41.9%, #fdeb61 45.2%, #f9ed63 48.4%, #f2ee64 51.6%, #e8ee63 54.8%, #dbec60 58.1%, #cde95d 61.3%, #bce65c 64.5%, #aae25e 67.7%, #97df63 71.0%, #83dc6b 74.2%, #6eda77 77.4%, #56d886 80.6%, #3cd495 83.9%, #23d0a2 87.1%, #0fccae 90.3%, #10c7b6 93.5%, #1dc3bc 96.8%, #26bfbf 100.0%);
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%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.186 | 47.8 |
| 2 | 0.862 | 0.161 | 86.9 |
| 3 | 0.929 | 0.157 | 105.9 |
| 4 | 0.811 | 0.172 | 140.8 |
| 5 | 0.732 | 0.119 | 194.7 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Green gradients](https://grabient.com/green-gradients)

## Other forms

- [JSON](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.json?steps=32&angle=165)
- [PNG](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.png?steps=32&angle=165)
- [SVG](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.svg?steps=32&angle=165)
- [CSS](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.css?steps=32&angle=165)
- [ASE](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.ase?steps=32&angle=165)
- [GPL](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.gpl?steps=32&angle=165)
- [GRD](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.grd?steps=32&angle=165)
- [Design tokens](https://grabient.com/kWuIcibbrEnY5QjnPsQXStGQ.tokens.json?steps=32&angle=165)
- [Social card](https://grabient.com/api/og?seed=kWuIcibbrEnY5QjnPsQXStGQ&steps=32&angle=165)
- [Palettes like this one](https://grabient.com/palettes?q=kWuIcibbrEnY5QjnPsQXStGQ)
- [Guide for agents](https://grabient.com/llms.txt)