# Violet, rose and ochre vivid multicolor palette

The Violet, rose and ochre vivid multicolor palette brings together purple, magenta, red, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Neon tritone purple, pink and orange radial gradient
- Seed: `kWeb3SyObCFDdxDXycTbD9Gg`
- Page: https://grabient.com/kWeb3SyObCFDdxDXycTbD9Gg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, neon
- Hues: wide
- Contrast of its darkest and lightest colors: 4.8 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 | `#7200d9` | `oklch(47.65% 0.2601 296.01)` | Voluptuous Violet | white, 7.7 to 1 |
| 2 | `#7600dc` | `oklch(48.43% 0.2624 297.32)` | Voluptuous Violet | white, 7.4 to 1 |
| 3 | `#7d00df` | `oklch(49.48% 0.2657 298.93)` | Voluptuous Violet | white, 7.1 to 1 |
| 4 | `#8400e2` | `oklch(50.75% 0.2695 300.84)` | Purple Protest | white, 6.8 to 1 |
| 5 | `#8d01e6` | `oklch(52.15% 0.2735 303.04)` | Electric Violet | white, 6.4 to 1 |
| 6 | `#9601e8` | `oklch(53.58% 0.2772 305.55)` | Violet | white, 6 to 1 |
| 7 | `#a001ea` | `oklch(54.98% 0.2802 308.35)` | Zǐ Lúo Lán Sè Violet | white, 5.7 to 1 |
| 8 | `#a901e9` | `oklch(56.26% 0.2821 311.46)` | Vibrant Purple | white, 5.4 to 1 |
| 9 | `#b301e6` | `oklch(57.34% 0.2824 314.87)` | Vivid Mulberry | white, 5.1 to 1 |
| 10 | `#bc00e1` | `oklch(58.29% 0.2815 318.70)` | Capricious Purple | white, 4.9 to 1 |
| 11 | `#c500da` | `oklch(59.17% 0.2796 322.94)` | Fungal Hallucinations | white, 4.7 to 1 |
| 12 | `#ce00d2` | `oklch(59.99% 0.2769 327.51)` | Screaming Magenta | white, 4.6 to 1 |
| 13 | `#d701c8` | `oklch(60.77% 0.2736 332.32)` | Fúchsia Intenso | black, 4.7 to 1 |
| 14 | `#df03bd` | `oklch(61.52% 0.2696 337.30)` | Magentella | black, 4.8 to 1 |
| 15 | `#e608b1` | `oklch(62.26% 0.2651 342.35)` | Aphroditean Fuchsia | black, 5 to 1 |
| 16 | `#ed10a6` | `oklch(63.01% 0.2602 347.41)` | Magnificent Magenta | black, 5.2 to 1 |
| 17 | `#f3199a` | `oklch(63.74% 0.2549 352.39)` | Fanatic Fuchsia | black, 5.3 to 1 |
| 18 | `#f7218e` | `oklch(64.34% 0.2485 357.33)` | Philippine Pink | black, 5.5 to 1 |
| 19 | `#f92a82` | `oklch(64.85% 0.2412 2.29)` | Pink Piano | black, 5.6 to 1 |
| 20 | `#fb3377` | `oklch(65.33% 0.2334 7.34)` | Office Neon Light | black, 5.8 to 1 |
| 21 | `#fc3c6b` | `oklch(65.87% 0.2254 12.52)` | Laser Trap | black, 6 to 1 |
| 22 | `#fd465f` | `oklch(66.54% 0.2176 17.92)` | Watermelon | black, 6.2 to 1 |
| 23 | `#fe4f54` | `oklch(67.41% 0.2103 23.58)` | Fluorescent Red | black, 6.4 to 1 |
| 24 | `#ff5a48` | `oklch(68.56% 0.2039 29.57)` | Algerian Coral | black, 6.8 to 1 |
| 25 | `#ff683e` | `oklch(70.11% 0.1934 36.20)` | Halloween | black, 7.2 to 1 |
| 26 | `#ff7735` | `oklch(72.14% 0.1826 43.88)` | Temptatious Tangerine | black, 7.9 to 1 |
| 27 | `#ff872e` | `oklch(74.49% 0.1734 52.18)` | Bright Mango | black, 8.7 to 1 |
| 28 | `#ff9729` | `oklch(77.00% 0.1669 60.66)` | Guava | black, 9.7 to 1 |
| 29 | `#ffa626` | `oklch(79.48% 0.1639 68.85)` | Mango | black, 10.7 to 1 |
| 30 | `#ffb221` | `oklch(81.76% 0.1648 76.29)` | Golden Treasure | black, 11.6 to 1 |
| 31 | `#ffbd14` | `oklch(83.67% 0.1694 82.54)` | Mantella Frog | black, 12.5 to 1 |
| 32 | `#fec502` | `oklch(85.04% 0.1736 87.13)` | Kazakhstan Yellow | black, 13.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7200d9 0.0%, #7600dc 3.2%, #7d00df 6.5%, #8400e2 9.7%, #8d01e6 12.9%, #9601e8 16.1%, #a001ea 19.4%, #a901e9 22.6%, #b301e6 25.8%, #bc00e1 29.0%, #c500da 32.3%, #ce00d2 35.5%, #d701c8 38.7%, #df03bd 41.9%, #e608b1 45.2%, #ed10a6 48.4%, #f3199a 51.6%, #f7218e 54.8%, #f92a82 58.1%, #fb3377 61.3%, #fc3c6b 64.5%, #fd465f 67.7%, #fe4f54 71.0%, #ff5a48 74.2%, #ff683e 77.4%, #ff7735 80.6%, #ff872e 83.9%, #ff9729 87.1%, #ffa626 90.3%, #ffb221 93.5%, #ffbd14 96.8%, #fec502 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.65% 0.2601 296.01) 0.0%, oklch(48.43% 0.2624 297.32) 3.2%, oklch(49.48% 0.2657 298.93) 6.5%, oklch(50.75% 0.2695 300.84) 9.7%, oklch(52.15% 0.2735 303.04) 12.9%, oklch(53.58% 0.2772 305.55) 16.1%, oklch(54.98% 0.2802 308.35) 19.4%, oklch(56.26% 0.2821 311.46) 22.6%, oklch(57.34% 0.2824 314.87) 25.8%, oklch(58.29% 0.2815 318.70) 29.0%, oklch(59.17% 0.2796 322.94) 32.3%, oklch(59.99% 0.2769 327.51) 35.5%, oklch(60.77% 0.2736 332.32) 38.7%, oklch(61.52% 0.2696 337.30) 41.9%, oklch(62.26% 0.2651 342.35) 45.2%, oklch(63.01% 0.2602 347.41) 48.4%, oklch(63.74% 0.2549 352.39) 51.6%, oklch(64.34% 0.2485 357.33) 54.8%, oklch(64.85% 0.2412 2.29) 58.1%, oklch(65.33% 0.2334 7.34) 61.3%, oklch(65.87% 0.2254 12.52) 64.5%, oklch(66.54% 0.2176 17.92) 67.7%, oklch(67.41% 0.2103 23.58) 71.0%, oklch(68.56% 0.2039 29.57) 74.2%, oklch(70.11% 0.1934 36.20) 77.4%, oklch(72.14% 0.1826 43.88) 80.6%, oklch(74.49% 0.1734 52.18) 83.9%, oklch(77.00% 0.1669 60.66) 87.1%, oklch(79.48% 0.1639 68.85) 90.3%, oklch(81.76% 0.1648 76.29) 93.5%, oklch(83.67% 0.1694 82.54) 96.8%, oklch(85.04% 0.1736 87.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.26 | 296 |
| 2 | 0.571 | 0.282 | 314 |
| 3 | 0.634 | 0.258 | 349.9 |
| 4 | 0.689 | 0.203 | 391.1 |
| 5 | 0.85 | 0.174 | 447.1 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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