# Aubergine and ochre rainbow loop palette

The Aubergine and ochre rainbow loop palette brings together dark purple, blue, green, light green, gold, red, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is dark purple, and its lightest tone is light green.

- Also called: Rainbow from navy to purple linear swatches
- Seed: `kcRFnNthq41a1NpsPz4a6k7tWsuI5uTkJK48A`
- Page: https://grabient.com/kcRFnNthq41a1NpsPz4a6k7tWsuI5uTkJK48A?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 10.9 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 | `#28115c` | `oklch(26.77% 0.1226 288.98)` | Voldemort | white, 15.8 to 1 |
| 2 | `#1a3866` | `oklch(34.46% 0.0875 258.25)` | Passionate Blue | white, 11.6 to 1 |
| 3 | `#0d6375` | `oklch(46.32% 0.0786 215.91)` | Blue Enchantment | white, 6.8 to 1 |
| 4 | `#0b9e73` | `oklch(62.09% 0.1281 165.29)` | Free Speech Aquamarine | black, 6.1 to 1 |
| 5 | `#71c660` | `oklch(75.04% 0.1619 140.26)` | Mantis | black, 9.9 to 1 |
| 6 | `#96e46a` | `oklch(84.26% 0.1746 135.46)` | Snarky Mint | black, 13.6 to 1 |
| 7 | `#cbe16d` | `oklch(86.98% 0.1444 118.58)` | Idocrase Green | black, 14.5 to 1 |
| 8 | `#e2c971` | `oklch(83.81% 0.1113 93.43)` | Dijon Mustard | black, 12.8 to 1 |
| 9 | `#e29860` | `oklch(74.07% 0.1150 56.81)` | Amiable Orange | black, 8.8 to 1 |
| 10 | `#c96265` | `oklch(62.01% 0.1310 19.94)` | Fuzzy Wuzzy | black, 5.4 to 1 |
| 11 | `#983173` | `oklch(48.69% 0.1548 345.41)` | Magenta Red | white, 6.9 to 1 |
| 12 | `#601a6f` | `oklch(37.16% 0.1475 320.14)` | Violethargic | white, 11.1 to 1 |
| 13 | `#3a0f5c` | `oklch(28.74% 0.1268 304.48)` | Wicked Purple | white, 15 to 1 |

## CSS

```css
background: linear-gradient(90deg, #28115c 0.000% 7.692%, #1a3866 7.692% 15.385%, #0d6375 15.385% 23.077%, #0b9e73 23.077% 30.769%, #71c660 30.769% 38.462%, #96e46a 38.462% 46.154%, #cbe16d 46.154% 53.846%, #e2c971 53.846% 61.538%, #e29860 61.538% 69.231%, #c96265 69.231% 76.923%, #983173 76.923% 84.615%, #601a6f 84.615% 92.308%, #3a0f5c 92.308% 100.000%);
background: linear-gradient(90deg, oklch(26.77% 0.1226 288.98) 0.000% 7.692%, oklch(34.46% 0.0875 258.25) 7.692% 15.385%, oklch(46.32% 0.0786 215.91) 15.385% 23.077%, oklch(62.09% 0.1281 165.29) 23.077% 30.769%, oklch(75.04% 0.1619 140.26) 30.769% 38.462%, oklch(84.26% 0.1746 135.46) 38.462% 46.154%, oklch(86.98% 0.1444 118.58) 46.154% 53.846%, oklch(83.81% 0.1113 93.43) 53.846% 61.538%, oklch(74.07% 0.1150 56.81) 61.538% 69.231%, oklch(62.01% 0.1310 19.94) 69.231% 76.923%, oklch(48.69% 0.1548 345.41) 76.923% 84.615%, oklch(37.16% 0.1475 320.14) 84.615% 92.308%, oklch(28.74% 0.1268 304.48) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.123 | 289 |
| 2 | 0.425 | 0.073 | 228.7 |
| 3 | 0.681 | 0.146 | 149.5 |
| 4 | 0.85 | 0.174 | 133.6 |
| 5 | 0.846 | 0.113 | 97.7 |
| 6 | 0.673 | 0.123 | 35.4 |
| 7 | 0.453 | 0.157 | -22.8 |
| 8 | 0.287 | 0.127 | -55.5 |

## In these collections

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

## Other forms

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