# Olive and magenta rainbow loop palette

The Olive and magenta rainbow loop palette brings together green, teal, blue, purple, magenta, and red. 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 swatches
- Seed: `kclH9hO5pFzQySy8ycQQsXC8CaxdFMEyTknAI`
- Page: https://grabient.com/kclH9hO5pFzQySy8ycQQsXC8CaxdFMEyTknAI?style=linearSwatches&steps=8&angle=45
- Drawn as: linear swatches, 8 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.6 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 | `#439100` | `oklch(58.27% 0.1746 136.42)` | Pistachio Flour | black, 5.2 to 1 |
| 2 | `#1d6760` | `oklch(46.85% 0.0717 186.07)` | Butterfly Green | white, 6.6 to 1 |
| 3 | `#403b92` | `oklch(40.94% 0.1378 281.18)` | Clematis Blue | white, 9.2 to 1 |
| 4 | `#8623a7` | `oklch(47.64% 0.2026 316.05)` | Minesweeper’s Purple | white, 7.4 to 1 |
| 5 | `#ad2a89` | `oklch(52.36% 0.1915 341.42)` | Magneto’s Magenta | white, 6 to 1 |
| 6 | `#8a554c` | `oklch(50.79% 0.0730 31.08)` | Potter’s Rock | white, 6 to 1 |
| 7 | `#45812d` | `oklch(54.33% 0.1323 137.82)` | Bilbao | white, 4.7 to 1 |
| 8 | `#309f00` | `oklch(61.42% 0.1975 139.94)` | Grassy Green | black, 6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #439100 0.000% 12.500%, #1d6760 12.500% 25.000%, #403b92 25.000% 37.500%, #8623a7 37.500% 50.000%, #ad2a89 50.000% 62.500%, #8a554c 62.500% 75.000%, #45812d 75.000% 87.500%, #309f00 87.500% 100.000%);
background: linear-gradient(45deg, oklch(58.27% 0.1746 136.42) 0.000% 12.500%, oklch(46.85% 0.0717 186.07) 12.500% 25.000%, oklch(40.94% 0.1378 281.18) 25.000% 37.500%, oklch(47.64% 0.2026 316.05) 37.500% 50.000%, oklch(52.36% 0.1915 341.42) 50.000% 62.500%, oklch(50.79% 0.0730 31.08) 62.500% 75.000%, oklch(54.33% 0.1323 137.82) 75.000% 87.500%, oklch(61.42% 0.1975 139.94) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.175 | 136.4 |
| 2 | 0.469 | 0.072 | 186.1 |
| 3 | 0.409 | 0.138 | 281.2 |
| 4 | 0.476 | 0.203 | 316.1 |
| 5 | 0.524 | 0.192 | 341.4 |
| 6 | 0.508 | 0.073 | 391.1 |
| 7 | 0.543 | 0.132 | 497.8 |
| 8 | 0.614 | 0.203 | 499.9 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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