# Violet, ochre and cobalt blue rainbow palette

The Violet, ochre and cobalt blue rainbow palette brings together purple, red, orange, gold, green, teal, and blue. 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 blue, and its lightest tone is gold.

- Also called: Rainbow from purple to blue linear gradient
- Seed: `kakafVzFBJ9pFQ3tOkS1sjFVy9xnD10cA`
- Page: https://grabient.com/kakafVzFBJ9pFQ3tOkS1sjFVy9xnD10cA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, 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 | `#9046e7` | `oklch(57.09% 0.2301 300.23)` | Chaste Blossoms | white, 4.9 to 1 |
| 2 | `#9d40de` | `oklch(57.25% 0.2295 307.31)` | Chaste Blossoms | white, 4.9 to 1 |
| 3 | `#ac39ce` | `oklch(57.39% 0.2288 317.17)` | Purple Yam | white, 4.9 to 1 |
| 4 | `#bc2fb9` | `oklch(57.57% 0.2281 328.93)` | Fuchsia Flair | white, 4.9 to 1 |
| 5 | `#ca259f` | `oklch(57.80% 0.2271 341.74)` | Indian Lake | white, 4.9 to 1 |
| 6 | `#d61c82` | `oklch(58.12% 0.2259 354.72)` | Vivid Cerise | white, 4.8 to 1 |
| 7 | `#de1965` | `oklch(58.57% 0.2244 6.99)` | Qing Dynasty Fire | white, 4.7 to 1 |
| 8 | `#e32049` | `oklch(59.18% 0.2224 17.69)` | Spanish Crimson | black, 4.5 to 1 |
| 9 | `#e62b31` | `oklch(59.99% 0.2200 25.96)` | Permanent Geranium Lake | black, 4.7 to 1 |
| 10 | `#e83718` | `oklch(61.00% 0.2171 32.05)` | Thermic Orange | black, 4.9 to 1 |
| 11 | `#e94400` | `oklch(62.19% 0.2099 36.62)` | Baptism by Fire | black, 5.2 to 1 |
| 12 | `#e85100` | `oklch(63.51% 0.1988 40.14)` | Kyawthuite | black, 5.6 to 1 |
| 13 | `#ea5b00` | `oklch(64.96% 0.1924 42.99)` | Poppy Flower | black, 6 to 1 |
| 14 | `#ec6400` | `oklch(66.51% 0.1883 45.59)` | Royal Flycatcher Crest | black, 6.4 to 1 |
| 15 | `#ef6d00` | `oklch(68.11% 0.1846 48.33)` | Clementine | black, 6.8 to 1 |
| 16 | `#f17600` | `oklch(69.76% 0.1803 51.63)` | Supernatural Saffron | black, 7.3 to 1 |
| 17 | `#f38000` | `oklch(71.45% 0.1752 55.84)` | Romesco | black, 7.8 to 1 |
| 18 | `#f58b00` | `oklch(73.58% 0.1717 60.50)` | Saffron Gold | black, 8.5 to 1 |
| 19 | `#f99700` | `oklch(76.05% 0.1701 65.37)` | Aromango | black, 9.4 to 1 |
| 20 | `#fda300` | `oklch(78.66% 0.1700 70.42)` | Pico Orange | black, 10.4 to 1 |
| 21 | `#ffaf0f` | `oklch(81.16% 0.1686 75.64)` | Turmeric Root | black, 11.4 to 1 |
| 22 | `#febb25` | `oklch(83.33% 0.1643 80.95)` | Incandescence | black, 12.3 to 1 |
| 23 | `#fcc532` | `oklch(84.95% 0.1612 86.34)` | Golden Banner | black, 13.1 to 1 |
| 24 | `#f6cc39` | `oklch(85.78% 0.1598 91.79)` | Marigold Dust | black, 13.6 to 1 |
| 25 | `#edcf39` | `oklch(85.57% 0.1606 97.25)` | Angelic Descent | black, 13.5 to 1 |
| 26 | `#e0ce31` | `oklch(84.15% 0.1641 102.75)` | Polliwog | black, 13 to 1 |
| 27 | `#cecb21` | `oklch(81.81% 0.1698 108.30)` | Lime Pop | black, 12.1 to 1 |
| 28 | `#bac503` | `oklch(78.91% 0.1768 113.94)` | Rio Grande | black, 11.1 to 1 |
| 29 | `#a3bf00` | `oklch(75.77% 0.1793 119.68)` | Gross Green | black, 10 to 1 |
| 30 | `#8bba00` | `oklch(72.76% 0.1842 125.57)` | Walk in the Park | black, 9 to 1 |
| 31 | `#70b600` | `oklch(70.20% 0.1937 131.61)` | Leaf Sheep | black, 8.3 to 1 |
| 32 | `#52b41e` | `oklch(68.45% 0.1994 137.84)` | Kermit Green | black, 7.9 to 1 |
| 33 | `#2cb53a` | `oklch(67.79% 0.1994 144.28)` | Try Your Luck | black, 7.7 to 1 |
| 34 | `#00b759` | `oklch(68.07% 0.1835 150.92)` | Pistou Green | black, 7.8 to 1 |
| 35 | `#00b873` | `oklch(68.99% 0.1621 157.75)` | Fennel Fiesta | black, 8.1 to 1 |
| 36 | `#00bb87` | `oklch(70.26% 0.1482 164.74)` | Slime Girl | black, 8.4 to 1 |
| 37 | `#00bf99` | `oklch(71.59% 0.1390 171.85)` | Blarney | black, 8.8 to 1 |
| 38 | `#00c1a8` | `oklch(72.68% 0.1327 179.06)` | Turquoise | black, 9.2 to 1 |
| 39 | `#00c2b5` | `oklch(73.24% 0.1282 186.35)` | Amazonite | black, 9.3 to 1 |
| 40 | `#00c0be` | `oklch(72.98% 0.1248 193.69)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 41 | `#00bac3` | `oklch(71.68% 0.1219 201.40)` | Lago Blue | black, 8.7 to 1 |
| 42 | `#00b0c6` | `oklch(69.49% 0.1202 209.91)` | Havasupai Falls | black, 8 to 1 |
| 43 | `#00a5c6` | `oklch(66.69% 0.1205 218.83)` | Cyan Blue | black, 7.1 to 1 |
| 44 | `#0098c5` | `oklch(63.56% 0.1236 227.75)` | Atomic Blue | black, 6.3 to 1 |
| 45 | `#008bc4` | `oklch(60.36% 0.1303 236.24)` | Celebration Blue | black, 5.5 to 1 |
| 46 | `#007fc5` | `oklch(57.38% 0.1413 243.92)` | Blue Aster | black, 4.8 to 1 |
| 47 | `#0073c8` | `oklch(54.88% 0.1569 250.36)` | Science Blue | white, 4.8 to 1 |
| 48 | `#006ace` | `oklch(53.15% 0.1761 255.17)` | Royal Navy Blue | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9046e7 0.0%, #9d40de 2.1%, #ac39ce 4.3%, #bc2fb9 6.4%, #ca259f 8.5%, #d61c82 10.6%, #de1965 12.8%, #e32049 14.9%, #e62b31 17.0%, #e83718 19.1%, #e94400 21.3%, #e85100 23.4%, #ea5b00 25.5%, #ec6400 27.7%, #ef6d00 29.8%, #f17600 31.9%, #f38000 34.0%, #f58b00 36.2%, #f99700 38.3%, #fda300 40.4%, #ffaf0f 42.6%, #febb25 44.7%, #fcc532 46.8%, #f6cc39 48.9%, #edcf39 51.1%, #e0ce31 53.2%, #cecb21 55.3%, #bac503 57.4%, #a3bf00 59.6%, #8bba00 61.7%, #70b600 63.8%, #52b41e 66.0%, #2cb53a 68.1%, #00b759 70.2%, #00b873 72.3%, #00bb87 74.5%, #00bf99 76.6%, #00c1a8 78.7%, #00c2b5 80.9%, #00c0be 83.0%, #00bac3 85.1%, #00b0c6 87.2%, #00a5c6 89.4%, #0098c5 91.5%, #008bc4 93.6%, #007fc5 95.7%, #0073c8 97.9%, #006ace 100.0%);
background: linear-gradient(135deg in oklch, oklch(57.09% 0.2301 300.23) 0.0%, oklch(57.25% 0.2295 307.31) 2.1%, oklch(57.39% 0.2288 317.17) 4.3%, oklch(57.57% 0.2281 328.93) 6.4%, oklch(57.80% 0.2271 341.74) 8.5%, oklch(58.12% 0.2259 354.72) 10.6%, oklch(58.57% 0.2244 6.99) 12.8%, oklch(59.18% 0.2224 17.69) 14.9%, oklch(59.99% 0.2200 25.96) 17.0%, oklch(61.00% 0.2171 32.05) 19.1%, oklch(62.19% 0.2099 36.62) 21.3%, oklch(63.51% 0.1988 40.14) 23.4%, oklch(64.96% 0.1924 42.99) 25.5%, oklch(66.51% 0.1883 45.59) 27.7%, oklch(68.11% 0.1846 48.33) 29.8%, oklch(69.76% 0.1803 51.63) 31.9%, oklch(71.45% 0.1752 55.84) 34.0%, oklch(73.58% 0.1717 60.50) 36.2%, oklch(76.05% 0.1701 65.37) 38.3%, oklch(78.66% 0.1700 70.42) 40.4%, oklch(81.16% 0.1686 75.64) 42.6%, oklch(83.33% 0.1643 80.95) 44.7%, oklch(84.95% 0.1612 86.34) 46.8%, oklch(85.78% 0.1598 91.79) 48.9%, oklch(85.57% 0.1606 97.25) 51.1%, oklch(84.15% 0.1641 102.75) 53.2%, oklch(81.81% 0.1698 108.30) 55.3%, oklch(78.91% 0.1768 113.94) 57.4%, oklch(75.77% 0.1793 119.68) 59.6%, oklch(72.76% 0.1842 125.57) 61.7%, oklch(70.20% 0.1937 131.61) 63.8%, oklch(68.45% 0.1994 137.84) 66.0%, oklch(67.79% 0.1994 144.28) 68.1%, oklch(68.07% 0.1835 150.92) 70.2%, oklch(68.99% 0.1621 157.75) 72.3%, oklch(70.26% 0.1482 164.74) 74.5%, oklch(71.59% 0.1390 171.85) 76.6%, oklch(72.68% 0.1327 179.06) 78.7%, oklch(73.24% 0.1282 186.35) 80.9%, oklch(72.98% 0.1248 193.69) 83.0%, oklch(71.68% 0.1219 201.40) 85.1%, oklch(69.49% 0.1202 209.91) 87.2%, oklch(66.69% 0.1205 218.83) 89.4%, oklch(63.56% 0.1236 227.75) 91.5%, oklch(60.36% 0.1303 236.24) 93.6%, oklch(57.38% 0.1413 243.92) 95.7%, oklch(54.88% 0.1569 250.36) 97.9%, oklch(53.15% 0.1761 255.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.23 | 300.2 |
| 2 | 0.598 | 0.22 | 384.8 |
| 3 | 0.709 | 0.19 | 414.4 |
| 4 | 0.858 | 0.16 | 454.5 |
| 5 | 0.681 | 0.2 | 500 |
| 6 | 0.728 | 0.169 | 554.9 |
| 7 | 0.531 | 0.24 | 615.1 |

## In these collections

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

## Other forms

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