# Blue and ochre rainbow loop palette

The Blue and ochre rainbow loop palette brings together light blue, light green, green, gold, red, and light purple. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is red, and its lightest tone is light green.

- Also called: Rainbow from light blue to lavender linear gradient
- Seed: `ka0ye8byG1ezFu5kqLpVrY11y8udtkDrg`
- Page: https://grabient.com/ka0ye8byG1ezFu5kqLpVrY11y8udtkDrg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#b6c8eb` | `oklch(83.07% 0.0537 264.37)` | Pale Wisteria | black, 12.4 to 1 |
| 2 | `#afcdef` | `oklch(83.73% 0.0579 252.00)` | Alphabet Blue | black, 12.7 to 1 |
| 3 | `#a5d4f0` | `oklch(84.72% 0.0631 234.09)` | Light Shimmer | black, 13.3 to 1 |
| 4 | `#9bddec` | `oklch(85.81% 0.0699 213.70)` | Non-Photo Blue | black, 13.9 to 1 |
| 5 | `#94e4e2` | `oklch(86.76% 0.0787 193.90)` | Aqua Fiesta | black, 14.4 to 1 |
| 6 | `#91e9d5` | `oklch(87.35% 0.0901 177.73)` | Neverland | black, 14.8 to 1 |
| 7 | `#8cedc7` | `oklch(87.49% 0.1068 166.82)` | Nightly Aurora | black, 15 to 1 |
| 8 | `#82f0b6` | `oklch(87.34% 0.1303 159.09)` | Jittery Jade | black, 15 to 1 |
| 9 | `#79f1a3` | `oklch(86.97% 0.1555 153.15)` | Screen Glow | black, 14.9 to 1 |
| 10 | `#77f18c` | `oklch(86.40% 0.1772 147.64)` | Herbivore | black, 14.7 to 1 |
| 11 | `#82ee73` | `oklch(85.69% 0.1901 141.21)` | Herbivore | black, 14.4 to 1 |
| 12 | `#9ae75a` | `oklch(84.87% 0.1891 133.28)` | Dynamic Green | black, 13.9 to 1 |
| 13 | `#afdd50` | `oklch(83.89% 0.1749 125.40)` | Conifer | black, 13.3 to 1 |
| 14 | `#c0d353` | `oklch(82.75% 0.1536 117.17)` | Clown Green | black, 12.6 to 1 |
| 15 | `#cbc95b` | `oklch(81.44% 0.1316 107.97)` | Salsa Verde | black, 11.9 to 1 |
| 16 | `#d2be62` | `oklch(79.95% 0.1155 97.22)` | Mustard Oil | black, 11.2 to 1 |
| 17 | `#d9b260` | `oklch(78.19% 0.1107 84.14)` | Equator | black, 10.4 to 1 |
| 18 | `#e0a25c` | `oklch(75.81% 0.1144 67.99)` | India Trade | black, 9.5 to 1 |
| 19 | `#e6905e` | `oklch(73.15% 0.1232 50.06)` | Big Foot Feet | black, 8.5 to 1 |
| 20 | `#e87e6a` | `oklch(70.67% 0.1341 31.92)` | Cosmic Coral | black, 7.6 to 1 |
| 21 | `#e5717d` | `oklch(68.80% 0.1441 15.14)` | Turnip the Pink | black, 7 to 1 |
| 22 | `#e16c92` | `oklch(67.95% 0.1508 1.16)` | The Sickener | black, 6.7 to 1 |
| 23 | `#de6aa7` | `oklch(68.00% 0.1583 349.47)` | Purple Hollyhock | black, 6.7 to 1 |
| 24 | `#db6cbc` | `oklch(68.69% 0.1661 339.26)` | Pink Charge | black, 6.8 to 1 |
| 25 | `#d772d0` | `oklch(69.88% 0.1715 329.99)` | French Mauve | black, 7.2 to 1 |
| 26 | `#d27ae3` | `oklch(71.41% 0.1720 321.13)` | Lavender Perceptions | black, 7.6 to 1 |
| 27 | `#cb86f2` | `oklch(73.14% 0.1648 312.16)` | Azuremyst Isle | black, 8.2 to 1 |
| 28 | `#c297fc` | `oklch(75.54% 0.1461 302.67)` | Lilás | black, 9.1 to 1 |
| 29 | `#bcaafe` | `oklch(78.52% 0.1190 293.13)` | Winterspring Lilac | black, 10.3 to 1 |
| 30 | `#bcbcfb` | `oklch(81.61% 0.0891 284.27)` | Dried Lilac | black, 11.6 to 1 |
| 31 | `#c1c9f5` | `oklch(84.34% 0.0622 276.80)` | Light Periwinkle | black, 12.9 to 1 |
| 32 | `#c7d1f0` | `oklch(86.22% 0.0441 271.42)` | Frozen Periwinkle | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b6c8eb 0.0%, #afcdef 3.2%, #a5d4f0 6.5%, #9bddec 9.7%, #94e4e2 12.9%, #91e9d5 16.1%, #8cedc7 19.4%, #82f0b6 22.6%, #79f1a3 25.8%, #77f18c 29.0%, #82ee73 32.3%, #9ae75a 35.5%, #afdd50 38.7%, #c0d353 41.9%, #cbc95b 45.2%, #d2be62 48.4%, #d9b260 51.6%, #e0a25c 54.8%, #e6905e 58.1%, #e87e6a 61.3%, #e5717d 64.5%, #e16c92 67.7%, #de6aa7 71.0%, #db6cbc 74.2%, #d772d0 77.4%, #d27ae3 80.6%, #cb86f2 83.9%, #c297fc 87.1%, #bcaafe 90.3%, #bcbcfb 93.5%, #c1c9f5 96.8%, #c7d1f0 100.0%);
background: linear-gradient(45deg in oklch, oklch(83.07% 0.0537 264.37) 0.0%, oklch(83.73% 0.0579 252.00) 3.2%, oklch(84.72% 0.0631 234.09) 6.5%, oklch(85.81% 0.0699 213.70) 9.7%, oklch(86.76% 0.0787 193.90) 12.9%, oklch(87.35% 0.0901 177.73) 16.1%, oklch(87.49% 0.1068 166.82) 19.4%, oklch(87.34% 0.1303 159.09) 22.6%, oklch(86.97% 0.1555 153.15) 25.8%, oklch(86.40% 0.1772 147.64) 29.0%, oklch(85.69% 0.1901 141.21) 32.3%, oklch(84.87% 0.1891 133.28) 35.5%, oklch(83.89% 0.1749 125.40) 38.7%, oklch(82.75% 0.1536 117.17) 41.9%, oklch(81.44% 0.1316 107.97) 45.2%, oklch(79.95% 0.1155 97.22) 48.4%, oklch(78.19% 0.1107 84.14) 51.6%, oklch(75.81% 0.1144 67.99) 54.8%, oklch(73.15% 0.1232 50.06) 58.1%, oklch(70.67% 0.1341 31.92) 61.3%, oklch(68.80% 0.1441 15.14) 64.5%, oklch(67.95% 0.1508 1.16) 67.7%, oklch(68.00% 0.1583 349.47) 71.0%, oklch(68.69% 0.1661 339.26) 74.2%, oklch(69.88% 0.1715 329.99) 77.4%, oklch(71.41% 0.1720 321.13) 80.6%, oklch(73.14% 0.1648 312.16) 83.9%, oklch(75.54% 0.1461 302.67) 87.1%, oklch(78.52% 0.1190 293.13) 90.3%, oklch(81.61% 0.0891 284.27) 93.5%, oklch(84.34% 0.0622 276.80) 96.8%, oklch(86.22% 0.0441 271.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.054 | 264.4 |
| 2 | 0.874 | 0.092 | 175.6 |
| 3 | 0.854 | 0.192 | 138.6 |
| 4 | 0.791 | 0.112 | 91.1 |
| 5 | 0.681 | 0.149 | 5.5 |
| 6 | 0.728 | 0.167 | -46.3 |
| 7 | 0.862 | 0.044 | -88.6 |

## In these collections

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

## Other forms

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