# Teal, rose and emerald rainbow loop palette

The Teal, rose and emerald rainbow loop palette brings together green, blue, purple, magenta, and orange. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is green.

- Also called: Rainbow linear gradient
- Seed: `kavnxw0arK1JARnSTMXVC3IGfHyHnxsJA`
- Page: https://grabient.com/kavnxw0arK1JARnSTMXVC3IGfHyHnxsJA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.3 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 | `#16cd83` | `oklch(74.80% 0.1709 158.20)` | Magical Malachite | black, 10 to 1 |
| 2 | `#00c59c` | `oklch(73.25% 0.1438 170.77)` | Jadeite | black, 9.4 to 1 |
| 3 | `#00b9b1` | `oklch(70.96% 0.1230 188.80)` | Super Rare Jade | black, 8.6 to 1 |
| 4 | `#00adc1` | `oklch(68.40% 0.1181 209.51)` | Bahaman Sea | black, 7.7 to 1 |
| 5 | `#249fcf` | `oklch(66.04% 0.1227 230.07)` | Blue Burst | black, 6.9 to 1 |
| 6 | `#4d93d1` | `oklch(64.35% 0.1172 247.69)` | Delphinium Corsage | black, 6.3 to 1 |
| 7 | `#618ad4` | `oklch(63.62% 0.1205 261.16)` | Livid | black, 6 to 1 |
| 8 | `#7084da` | `oklch(63.51% 0.1308 272.59)` | Tanzine | black, 5.9 to 1 |
| 9 | `#807de0` | `oklch(63.80% 0.1450 282.70)` | Tanzine | black, 5.9 to 1 |
| 10 | `#9177e5` | `oklch(64.22% 0.1601 292.20)` | Matt Purple | black, 5.9 to 1 |
| 11 | `#a26fe4` | `oklch(64.53% 0.1730 301.77)` | Violet Voltage | black, 5.9 to 1 |
| 12 | `#b267dd` | `oklch(64.57% 0.1829 311.62)` | Lavender | black, 5.8 to 1 |
| 13 | `#c15ed4` | `oklch(64.54% 0.1936 320.83)` | Medium Orchid | black, 5.7 to 1 |
| 14 | `#ce54c7` | `oklch(64.49% 0.2034 329.82)` | Zǐ Sè Purple | black, 5.7 to 1 |
| 15 | `#da4cb7` | `oklch(64.46% 0.2103 339.11)` | Purplish Pink | black, 5.6 to 1 |
| 16 | `#e446a1` | `oklch(64.51% 0.2123 349.22)` | Schiaparelli Pink | black, 5.6 to 1 |
| 17 | `#eb4687` | `oklch(64.60% 0.2066 0.64)` | Majestic Magenta | black, 5.7 to 1 |
| 18 | `#e94f6c` | `oklch(64.50% 0.1901 13.22)` | Camellia Rose | black, 5.7 to 1 |
| 19 | `#e15c53` | `oklch(64.39% 0.1677 26.58)` | Fiery Coral | black, 5.8 to 1 |
| 20 | `#d66b43` | `oklch(64.56% 0.1456 40.38)` | Fresh Acorn | black, 6 to 1 |
| 21 | `#cc783a` | `oklch(65.25% 0.1296 54.29)` | Wulfenite | black, 6.2 to 1 |
| 22 | `#c78431` | `oklch(66.77% 0.1257 68.10)` | Yam | black, 6.7 to 1 |
| 23 | `#c59420` | `oklch(69.50% 0.1346 83.05)` | Tawny Olive | black, 7.6 to 1 |
| 24 | `#c0a800` | `oklch(73.00% 0.1511 98.58)` | La Vida | black, 8.8 to 1 |
| 25 | `#b4be05` | `oklch(76.62% 0.1707 113.50)` | The Killing Joke | black, 10.2 to 1 |
| 26 | `#9dd131` | `oklch(79.74% 0.1880 126.62)` | Blanka Green | black, 11.6 to 1 |
| 27 | `#81df52` | `oklch(81.73% 0.1981 136.75)` | Lilliputian Lime | black, 12.6 to 1 |
| 28 | `#67e669` | `oklch(82.54% 0.2014 143.74)` | Loud Green | black, 13 to 1 |
| 29 | `#50e877` | `oklch(82.58% 0.2010 148.41)` | Weird Green | black, 13.1 to 1 |
| 30 | `#3ee87f` | `oklch(82.20% 0.1986 151.45)` | Weird Green | black, 13 to 1 |
| 31 | `#31e685` | `oklch(81.73% 0.1958 153.54)` | Weird Green | black, 12.8 to 1 |
| 32 | `#20e68a` | `oklch(81.50% 0.1943 155.39)` | Weird Green | black, 12.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #16cd83 0.0%, #00c59c 3.2%, #00b9b1 6.5%, #00adc1 9.7%, #249fcf 12.9%, #4d93d1 16.1%, #618ad4 19.4%, #7084da 22.6%, #807de0 25.8%, #9177e5 29.0%, #a26fe4 32.3%, #b267dd 35.5%, #c15ed4 38.7%, #ce54c7 41.9%, #da4cb7 45.2%, #e446a1 48.4%, #eb4687 51.6%, #e94f6c 54.8%, #e15c53 58.1%, #d66b43 61.3%, #cc783a 64.5%, #c78431 67.7%, #c59420 71.0%, #c0a800 74.2%, #b4be05 77.4%, #9dd131 80.6%, #81df52 83.9%, #67e669 87.1%, #50e877 90.3%, #3ee87f 93.5%, #31e685 96.8%, #20e68a 100.0%);
background: linear-gradient(90deg in oklch, oklch(74.80% 0.1709 158.20) 0.0%, oklch(73.25% 0.1438 170.77) 3.2%, oklch(70.96% 0.1230 188.80) 6.5%, oklch(68.40% 0.1181 209.51) 9.7%, oklch(66.04% 0.1227 230.07) 12.9%, oklch(64.35% 0.1172 247.69) 16.1%, oklch(63.62% 0.1205 261.16) 19.4%, oklch(63.51% 0.1308 272.59) 22.6%, oklch(63.80% 0.1450 282.70) 25.8%, oklch(64.22% 0.1601 292.20) 29.0%, oklch(64.53% 0.1730 301.77) 32.3%, oklch(64.57% 0.1829 311.62) 35.5%, oklch(64.54% 0.1936 320.83) 38.7%, oklch(64.49% 0.2034 329.82) 41.9%, oklch(64.46% 0.2103 339.11) 45.2%, oklch(64.51% 0.2123 349.22) 48.4%, oklch(64.60% 0.2066 0.64) 51.6%, oklch(64.50% 0.1901 13.22) 54.8%, oklch(64.39% 0.1677 26.58) 58.1%, oklch(64.56% 0.1456 40.38) 61.3%, oklch(65.25% 0.1296 54.29) 64.5%, oklch(66.77% 0.1257 68.10) 67.7%, oklch(69.50% 0.1346 83.05) 71.0%, oklch(73.00% 0.1511 98.58) 74.2%, oklch(76.62% 0.1707 113.50) 77.4%, oklch(79.74% 0.1880 126.62) 80.6%, oklch(81.73% 0.1981 136.75) 83.9%, oklch(82.54% 0.2014 143.74) 87.1%, oklch(82.58% 0.2010 148.41) 90.3%, oklch(82.20% 0.1986 151.45) 93.5%, oklch(81.73% 0.1958 153.54) 96.8%, oklch(81.50% 0.1943 155.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.171 | 158.2 |
| 2 | 0.642 | 0.117 | 250.1 |
| 3 | 0.646 | 0.176 | 305.1 |
| 4 | 0.646 | 0.211 | 354.8 |
| 5 | 0.661 | 0.125 | 423.4 |
| 6 | 0.815 | 0.197 | 495.3 |
| 7 | 0.815 | 0.194 | 515.4 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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