# Magenta, emerald and rose rainbow loop palette

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

- Also called: Rainbow from purple to magenta linear gradient
- Seed: `kag4P1Q9E6V8nuVitzXYsg9Fc5tdIx7lA`
- Page: https://grabient.com/kag4P1Q9E6V8nuVitzXYsg9Fc5tdIx7lA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.4 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 | `#a92d80` | `oklch(51.57% 0.1805 344.53)` | Festival Fuchsia | white, 6.2 to 1 |
| 2 | `#a72b8b` | `oklch(51.48% 0.1885 338.45)` | Magneto’s Magenta | white, 6.2 to 1 |
| 3 | `#a1279c` | `oklch(51.15% 0.2012 329.97)` | Purple Tone Ink | white, 6.4 to 1 |
| 4 | `#9826b0` | `oklch(50.99% 0.2142 319.94)` | Pink Spyro | white, 6.4 to 1 |
| 5 | `#8d2cc5` | `oklch(51.40% 0.2234 309.23)` | Lilac Spring | white, 6.3 to 1 |
| 6 | `#803ad7` | `oklch(52.79% 0.2242 298.66)` | Thick Purple | white, 5.9 to 1 |
| 7 | `#7551e5` | `oklch(55.71% 0.2120 288.75)` | Candy Grape Fizz | white, 5.1 to 1 |
| 8 | `#6c6ded` | `oklch(60.12% 0.1879 278.93)` | If I Could Fly | black, 5 to 1 |
| 9 | `#6888f0` | `oklch(65.18% 0.1586 268.75)` | Soft Blue | black, 6.3 to 1 |
| 10 | `#69a0ef` | `oklch(70.06% 0.1311 257.73)` | Feather Star | black, 7.8 to 1 |
| 11 | `#6bb1ed` | `oklch(73.90% 0.1121 245.43)` | Sanctuary Spa | black, 9.1 to 1 |
| 12 | `#63bee9` | `oklch(76.10% 0.1067 230.93)` | Norfolk Sky | black, 10 to 1 |
| 13 | `#4fc7df` | `oklch(77.19% 0.1109 213.39)` | Naxos Sky | black, 10.5 to 1 |
| 14 | `#36cecd` | `oklch(77.54% 0.1211 194.63)` | Blue Martina | black, 10.8 to 1 |
| 15 | `#31d1b4` | `oklch(77.53% 0.1342 176.63)` | Mint Leaf | black, 10.9 to 1 |
| 16 | `#48d297` | `oklch(77.48% 0.1466 161.36)` | Vegetation | black, 10.9 to 1 |
| 17 | `#5fd281` | `oklch(77.71% 0.1563 150.86)` | Spring Bouquet | black, 11 to 1 |
| 18 | `#68d372` | `oklch(78.03% 0.1675 145.67)` | Snow Pea | black, 11.1 to 1 |
| 19 | `#69d567` | `oklch(78.28% 0.1792 143.37)` | Fresh Green | black, 11.2 to 1 |
| 20 | `#6ad55b` | `oklch(78.33% 0.1896 141.28)` | Fresh Green | black, 11.2 to 1 |
| 21 | `#76d346` | `oklch(78.02% 0.1966 136.76)` | Fresh Green | black, 11.1 to 1 |
| 22 | `#92ca09` | `oklch(77.24% 0.1981 127.22)` | Jewel Beetle | black, 10.7 to 1 |
| 23 | `#b3bb00` | `oklch(75.92% 0.1688 112.60)` | Snot | black, 9.9 to 1 |
| 24 | `#caa900` | `oklch(74.22% 0.1524 94.91)` | Christmas Gold | black, 9.1 to 1 |
| 25 | `#db9600` | `oklch(72.26% 0.1517 76.13)` | Beige Red | black, 8.3 to 1 |
| 26 | `#e78118` | `oklch(70.20% 0.1614 58.27)` | Master Round Yellow | black, 7.5 to 1 |
| 27 | `#e7733f` | `oklch(68.17% 0.1585 43.19)` | Camel Red | black, 6.9 to 1 |
| 28 | `#e46453` | `oklch(65.86% 0.1626 29.72)` | Flamingo | black, 6.2 to 1 |
| 29 | `#de5564` | `oklch(63.30% 0.1711 17.03)` | Nectarous Nectarine | black, 5.5 to 1 |
| 30 | `#d64772` | `oklch(60.78% 0.1813 5.71)` | Pink Punch | black, 4.9 to 1 |
| 31 | `#cd3b7f` | `oklch(58.61% 0.1908 356.33)` | Pink Yarrow | white, 4.6 to 1 |
| 32 | `#c53489` | `oklch(57.09% 0.1970 349.46)` | Magenta Pink | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a92d80 0.0%, #a72b8b 3.2%, #a1279c 6.5%, #9826b0 9.7%, #8d2cc5 12.9%, #803ad7 16.1%, #7551e5 19.4%, #6c6ded 22.6%, #6888f0 25.8%, #69a0ef 29.0%, #6bb1ed 32.3%, #63bee9 35.5%, #4fc7df 38.7%, #36cecd 41.9%, #31d1b4 45.2%, #48d297 48.4%, #5fd281 51.6%, #68d372 54.8%, #69d567 58.1%, #6ad55b 61.3%, #76d346 64.5%, #92ca09 67.7%, #b3bb00 71.0%, #caa900 74.2%, #db9600 77.4%, #e78118 80.6%, #e7733f 83.9%, #e46453 87.1%, #de5564 90.3%, #d64772 93.5%, #cd3b7f 96.8%, #c53489 100.0%);
background: linear-gradient(45deg in oklch, oklch(51.57% 0.1805 344.53) 0.0%, oklch(51.48% 0.1885 338.45) 3.2%, oklch(51.15% 0.2012 329.97) 6.5%, oklch(50.99% 0.2142 319.94) 9.7%, oklch(51.40% 0.2234 309.23) 12.9%, oklch(52.79% 0.2242 298.66) 16.1%, oklch(55.71% 0.2120 288.75) 19.4%, oklch(60.12% 0.1879 278.93) 22.6%, oklch(65.18% 0.1586 268.75) 25.8%, oklch(70.06% 0.1311 257.73) 29.0%, oklch(73.90% 0.1121 245.43) 32.3%, oklch(76.10% 0.1067 230.93) 35.5%, oklch(77.19% 0.1109 213.39) 38.7%, oklch(77.54% 0.1211 194.63) 41.9%, oklch(77.53% 0.1342 176.63) 45.2%, oklch(77.48% 0.1466 161.36) 48.4%, oklch(77.71% 0.1563 150.86) 51.6%, oklch(78.03% 0.1675 145.67) 54.8%, oklch(78.28% 0.1792 143.37) 58.1%, oklch(78.33% 0.1896 141.28) 61.3%, oklch(78.02% 0.1966 136.76) 64.5%, oklch(77.24% 0.1981 127.22) 67.7%, oklch(75.92% 0.1688 112.60) 71.0%, oklch(74.22% 0.1524 94.91) 74.2%, oklch(72.26% 0.1517 76.13) 77.4%, oklch(70.20% 0.1614 58.27) 80.6%, oklch(68.17% 0.1585 43.19) 83.9%, oklch(65.86% 0.1626 29.72) 87.1%, oklch(63.30% 0.1711 17.03) 90.3%, oklch(60.78% 0.1813 5.71) 93.5%, oklch(58.61% 0.1908 356.33) 96.8%, oklch(57.09% 0.1970 349.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.181 | 344.5 |
| 2 | 0.531 | 0.223 | 297 |
| 3 | 0.748 | 0.109 | 241 |
| 4 | 0.776 | 0.152 | 155.4 |
| 5 | 0.776 | 0.198 | 131.1 |
| 6 | 0.685 | 0.158 | 45.5 |
| 7 | 0.571 | 0.197 | -10.5 |

## In these collections

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

## Other forms

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