# Yellow and indigo rainbow loop palette

The Yellow and indigo rainbow loop palette brings together light yellow, light green, light teal, blue, light magenta, light red, and pale yellow. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Seamless rainbow linear gradient
- Seed: `ka8kJNbC3D-wmRXFzUn2b5F92pxp5GMnA`
- Page: https://grabient.com/ka8kJNbC3D-wmRXFzUn2b5F92pxp5GMnA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, rainbow, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.7 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 | `#f4f5ad` | `oklch(95.28% 0.0909 108.28)` | Thunderdome | black, 18.5 to 1 |
| 2 | `#ebf2a6` | `oklch(93.78% 0.0963 112.51)` | Dingy Sticky Note | black, 17.7 to 1 |
| 3 | `#dced9d` | `oklch(91.59% 0.1043 118.33)` | Mint Julep | black, 16.6 to 1 |
| 4 | `#cae995` | `oklch(89.13% 0.1131 125.29)` | Laced Green | black, 15.5 to 1 |
| 5 | `#b5e592` | `oklch(86.86% 0.1207 132.94)` | Sage Sensation | black, 14.5 to 1 |
| 6 | `#a1e395` | `oklch(85.22% 0.1251 140.80)` | Paradise Green | black, 13.9 to 1 |
| 7 | `#92e49f` | `oklch(84.79% 0.1238 148.46)` | Granny Smith Apple | black, 13.7 to 1 |
| 8 | `#8ce7af` | `oklch(85.51% 0.1169 156.11)` | Hospital Green | black, 14.1 to 1 |
| 9 | `#8beac0` | `oklch(86.53% 0.1084 164.30)` | Bubble Algae | black, 14.5 to 1 |
| 10 | `#87eace` | `oklch(86.94% 0.1023 173.58)` | Bubble Algae | black, 14.7 to 1 |
| 11 | `#7be7d9` | `oklch(85.88% 0.1025 184.50)` | Turquoise Chalk | black, 14.2 to 1 |
| 12 | `#59dbdf` | `oklch(82.28% 0.1134 197.89)` | Neon Nazar | black, 12.6 to 1 |
| 13 | `#00c6e4` | `oklch(75.88% 0.1335 214.25)` | Caribbean Blue | black, 10.1 to 1 |
| 14 | `#00a6e0` | `oklch(68.26% 0.1395 232.12)` | Vanadyl Blue | black, 7.5 to 1 |
| 15 | `#0086e5` | `oklch(61.07% 0.1726 249.94)` | Blue Cola | black, 5.5 to 1 |
| 16 | `#3b66ec` | `oklch(55.97% 0.2071 266.13)` | The Rainbow Fish | white, 4.8 to 1 |
| 17 | `#5e54e7` | `oklch(54.48% 0.2141 279.36)` | Majorelle Blue | white, 5.3 to 1 |
| 18 | `#7952e6` | `oklch(56.31% 0.2115 290.18)` | Candy Grape Fizz | white, 5 to 1 |
| 19 | `#955ae6` | `oklch(60.14% 0.2027 299.54)` | Lavender Indigo | black, 4.8 to 1 |
| 20 | `#af67e5` | `oklch(64.70% 0.1906 308.30)` | Violet Voltage | black, 5.8 to 1 |
| 21 | `#c672e2` | `oklch(68.72% 0.1780 317.30)` | Purple Snail | black, 6.9 to 1 |
| 22 | `#d778d7` | `oklch(71.00% 0.1676 327.27)` | Jewel Caterpillar | black, 7.5 to 1 |
| 23 | `#e07ac7` | `oklch(71.72% 0.1571 337.26)` | Fuchsia Blush | black, 7.7 to 1 |
| 24 | `#e47bb5` | `oklch(71.72% 0.1458 347.26)` | Fuchsia Blush | black, 7.8 to 1 |
| 25 | `#e57da3` | `oklch(71.65% 0.1343 357.75)` | Mangala Pink | black, 7.8 to 1 |
| 26 | `#e68395` | `oklch(72.20% 0.1231 9.22)` | Carissima | black, 8 to 1 |
| 27 | `#ea8e8a` | `oklch(74.05% 0.1127 22.19)` | Flamingo Red | black, 8.6 to 1 |
| 28 | `#efa086` | `oklch(77.69% 0.1022 38.51)` | Stone Fruit | black, 10 to 1 |
| 29 | `#f4b78b` | `oklch(82.50% 0.0916 57.20)` | Melón Meloso | black, 11.9 to 1 |
| 30 | `#f6cf99` | `oklch(87.62% 0.0818 75.84)` | Yellow Lotus | black, 14.3 to 1 |
| 31 | `#f7e4ad` | `oklch(92.17% 0.0735 92.03)` | Vanilla Cream | black, 16.6 to 1 |
| 32 | `#f7f2be` | `oklch(95.28% 0.0675 103.35)` | Turkish Ginger | black, 18.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f4f5ad 0.0%, #ebf2a6 3.2%, #dced9d 6.5%, #cae995 9.7%, #b5e592 12.9%, #a1e395 16.1%, #92e49f 19.4%, #8ce7af 22.6%, #8beac0 25.8%, #87eace 29.0%, #7be7d9 32.3%, #59dbdf 35.5%, #00c6e4 38.7%, #00a6e0 41.9%, #0086e5 45.2%, #3b66ec 48.4%, #5e54e7 51.6%, #7952e6 54.8%, #955ae6 58.1%, #af67e5 61.3%, #c672e2 64.5%, #d778d7 67.7%, #e07ac7 71.0%, #e47bb5 74.2%, #e57da3 77.4%, #e68395 80.6%, #ea8e8a 83.9%, #efa086 87.1%, #f4b78b 90.3%, #f6cf99 93.5%, #f7e4ad 96.8%, #f7f2be 100.0%);
background: linear-gradient(135deg in oklch, oklch(95.28% 0.0909 108.28) 0.0%, oklch(93.78% 0.0963 112.51) 3.2%, oklch(91.59% 0.1043 118.33) 6.5%, oklch(89.13% 0.1131 125.29) 9.7%, oklch(86.86% 0.1207 132.94) 12.9%, oklch(85.22% 0.1251 140.80) 16.1%, oklch(84.79% 0.1238 148.46) 19.4%, oklch(85.51% 0.1169 156.11) 22.6%, oklch(86.53% 0.1084 164.30) 25.8%, oklch(86.94% 0.1023 173.58) 29.0%, oklch(85.88% 0.1025 184.50) 32.3%, oklch(82.28% 0.1134 197.89) 35.5%, oklch(75.88% 0.1335 214.25) 38.7%, oklch(68.26% 0.1395 232.12) 41.9%, oklch(61.07% 0.1726 249.94) 45.2%, oklch(55.97% 0.2071 266.13) 48.4%, oklch(54.48% 0.2141 279.36) 51.6%, oklch(56.31% 0.2115 290.18) 54.8%, oklch(60.14% 0.2027 299.54) 58.1%, oklch(64.70% 0.1906 308.30) 61.3%, oklch(68.72% 0.1780 317.30) 64.5%, oklch(71.00% 0.1676 327.27) 67.7%, oklch(71.72% 0.1571 337.26) 71.0%, oklch(71.72% 0.1458 347.26) 74.2%, oklch(71.65% 0.1343 357.75) 77.4%, oklch(72.20% 0.1231 9.22) 80.6%, oklch(74.05% 0.1127 22.19) 83.9%, oklch(77.69% 0.1022 38.51) 87.1%, oklch(82.50% 0.0916 57.20) 90.3%, oklch(87.62% 0.0818 75.84) 93.5%, oklch(92.17% 0.0735 92.03) 96.8%, oklch(95.28% 0.0675 103.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.091 | 108.3 |
| 2 | 0.85 | 0.125 | 142.1 |
| 3 | 0.85 | 0.105 | 188.6 |
| 4 | 0.547 | 0.212 | 273.1 |
| 5 | 0.705 | 0.171 | 323.9 |
| 6 | 0.736 | 0.114 | 379.9 |
| 7 | 0.953 | 0.068 | 463.3 |

## In these collections

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

## Other forms

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