# Plum, crimson and ochre neon palette

The Plum, crimson and ochre neon palette brings together magenta, red, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Vivid purple, magenta and yellow radial gradient
- Seed: `kUVWLxQ8zCNfDRHtP8cA`
- Page: https://grabient.com/kUVWLxQ8zCNfDRHtP8cA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#5f0a4d` | `oklch(33.46% 0.1350 338.91)` | Grape Purple | white, 12.8 to 1 |
| 2 | `#640a50` | `oklch(34.61% 0.1398 339.92)` | Grape Purple | white, 12.3 to 1 |
| 3 | `#6b0a53` | `oklch(36.10% 0.1465 341.10)` | Rich Purple | white, 11.6 to 1 |
| 4 | `#730a58` | `oklch(37.86% 0.1546 342.47)` | Rich Purple | white, 10.9 to 1 |
| 5 | `#7d095c` | `oklch(39.83% 0.1635 344.01)` | Xereus Purple | white, 10.1 to 1 |
| 6 | `#880761` | `oklch(41.96% 0.1730 345.74)` | Possessed Purple | white, 9.3 to 1 |
| 7 | `#930665` | `oklch(44.17% 0.1824 347.64)` | 8 Bit Eggplant | white, 8.5 to 1 |
| 8 | `#9f0568` | `oklch(46.40% 0.1913 349.71)` | Red Violet | white, 7.8 to 1 |
| 9 | `#aa056b` | `oklch(48.58% 0.1991 351.97)` | Velvet Cupcake | white, 7.1 to 1 |
| 10 | `#b5066c` | `oklch(50.66% 0.2055 354.40)` | Botticelli | white, 6.5 to 1 |
| 11 | `#be0b6c` | `oklch(52.56% 0.2099 357.02)` | Spiced Purple | white, 6 to 1 |
| 12 | `#c7136b` | `oklch(54.27% 0.2120 359.80)` | Vampiric Bloodlust | white, 5.6 to 1 |
| 13 | `#ce1b69` | `oklch(55.90% 0.2122 2.74)` | Sensitive Scorpion | white, 5.2 to 1 |
| 14 | `#d52466` | `oklch(57.46% 0.2109 5.85)` | Dogwood Rose | white, 4.9 to 1 |
| 15 | `#db2d63` | `oklch(58.98% 0.2084 9.12)` | Cerise Red | white, 4.5 to 1 |
| 16 | `#e0365f` | `oklch(60.46% 0.2050 12.58)` | Intense Passion | black, 4.8 to 1 |
| 17 | `#e53f5b` | `oklch(61.93% 0.2010 16.22)` | Paradise Pink | black, 5.1 to 1 |
| 18 | `#e94856` | `oklch(63.38% 0.1969 20.06)` | Watermelonade | black, 5.5 to 1 |
| 19 | `#ed5151` | `oklch(64.85% 0.1927 24.11)` | Pastel Strawberry | black, 5.8 to 1 |
| 20 | `#f1594c` | `oklch(66.33% 0.1890 28.37)` | Hot Coral | black, 6.2 to 1 |
| 21 | `#f56245` | `oklch(67.86% 0.1861 32.85)` | Vermilion Orange | black, 6.6 to 1 |
| 22 | `#f86a3e` | `oklch(69.43% 0.1841 37.61)` | Halloween | black, 7.1 to 1 |
| 23 | `#fc7434` | `oklch(71.15% 0.1825 43.09)` | Crayola Orange | black, 7.6 to 1 |
| 24 | `#ff7e26` | `oklch(72.97% 0.1812 49.26)` | Orange You Happy? | black, 8.2 to 1 |
| 25 | `#ff8a1c` | `oklch(74.87% 0.1762 55.88)` | Autumn Glory | black, 8.9 to 1 |
| 26 | `#ff960d` | `oklch(76.78% 0.1733 62.74)` | Sunset Boulevard | black, 9.6 to 1 |
| 27 | `#fea200` | `oklch(78.66% 0.1708 69.59)` | Vivid Orange Peel | black, 10.3 to 1 |
| 28 | `#fcae00` | `oklch(80.45% 0.1688 76.24)` | Lemon Chrome | black, 11.1 to 1 |
| 29 | `#fab800` | `oklch(82.11% 0.1690 82.45)` | Blue Angels Yellow | black, 11.8 to 1 |
| 30 | `#f7c100` | `oklch(83.60% 0.1709 88.00)` | Wisteria Yellow | black, 12.5 to 1 |
| 31 | `#f5c900` | `oklch(84.85% 0.1737 92.66)` | Egg Toast | black, 13.1 to 1 |
| 32 | `#f2cf0d` | `oklch(85.83% 0.1750 96.21)` | Under the Sun | black, 13.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5f0a4d 0.0%, #640a50 3.2%, #6b0a53 6.5%, #730a58 9.7%, #7d095c 12.9%, #880761 16.1%, #930665 19.4%, #9f0568 22.6%, #aa056b 25.8%, #b5066c 29.0%, #be0b6c 32.3%, #c7136b 35.5%, #ce1b69 38.7%, #d52466 41.9%, #db2d63 45.2%, #e0365f 48.4%, #e53f5b 51.6%, #e94856 54.8%, #ed5151 58.1%, #f1594c 61.3%, #f56245 64.5%, #f86a3e 67.7%, #fc7434 71.0%, #ff7e26 74.2%, #ff8a1c 77.4%, #ff960d 80.6%, #fea200 83.9%, #fcae00 87.1%, #fab800 90.3%, #f7c100 93.5%, #f5c900 96.8%, #f2cf0d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.1350 338.91) 0.0%, oklch(34.61% 0.1398 339.92) 3.2%, oklch(36.10% 0.1465 341.10) 6.5%, oklch(37.86% 0.1546 342.47) 9.7%, oklch(39.83% 0.1635 344.01) 12.9%, oklch(41.96% 0.1730 345.74) 16.1%, oklch(44.17% 0.1824 347.64) 19.4%, oklch(46.40% 0.1913 349.71) 22.6%, oklch(48.58% 0.1991 351.97) 25.8%, oklch(50.66% 0.2055 354.40) 29.0%, oklch(52.56% 0.2099 357.02) 32.3%, oklch(54.27% 0.2120 359.80) 35.5%, oklch(55.90% 0.2122 2.74) 38.7%, oklch(57.46% 0.2109 5.85) 41.9%, oklch(58.98% 0.2084 9.12) 45.2%, oklch(60.46% 0.2050 12.58) 48.4%, oklch(61.93% 0.2010 16.22) 51.6%, oklch(63.38% 0.1969 20.06) 54.8%, oklch(64.85% 0.1927 24.11) 58.1%, oklch(66.33% 0.1890 28.37) 61.3%, oklch(67.86% 0.1861 32.85) 64.5%, oklch(69.43% 0.1841 37.61) 67.7%, oklch(71.15% 0.1825 43.09) 71.0%, oklch(72.97% 0.1812 49.26) 74.2%, oklch(74.87% 0.1762 55.88) 77.4%, oklch(76.78% 0.1733 62.74) 80.6%, oklch(78.66% 0.1708 69.59) 83.9%, oklch(80.45% 0.1688 76.24) 87.1%, oklch(82.11% 0.1690 82.45) 90.3%, oklch(83.60% 0.1709 88.00) 93.5%, oklch(84.85% 0.1737 92.66) 96.8%, oklch(85.83% 0.1750 96.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.135 | 338.9 |
| 2 | 0.531 | 0.211 | 357.9 |
| 3 | 0.689 | 0.185 | 396 |
| 4 | 0.858 | 0.175 | 456.2 |

## In these collections

- [Neon gradients](https://grabient.com/neon-gradients)
- [Liminal Hours](https://grabient.com/liminal-hours-n5jqs8ak)

## Other forms

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