# Plum, crimson and ochre neon palette

The Plum, crimson and ochre neon palette brings together dark magenta, 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 dark magenta, and its lightest tone is gold.

- Also called: Purple, magenta, orange and yellow radial swatches
- Seed: `kUS1fxPsRCVK8RHouUcA`
- Page: https://grabient.com/kUS1fxPsRCVK8RHouUcA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#4f0640` | `oklch(29.53% 0.1199 338.91)` | Royal Ash | white, 14.6 to 1 |
| 2 | `#ac165f` | `oklch(49.21% 0.1874 358.98)` | Plastic Lips | white, 6.9 to 1 |
| 3 | `#e1633e` | `oklch(64.96% 0.1654 37.03)` | Jelly Slug | black, 6 to 1 |
| 4 | `#e1c431` | `oklch(82.28% 0.1571 97.26)` | Mimosa Yellow | black, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4f0640 0.000% 25.000%, #ac165f 25.000% 50.000%, #e1633e 50.000% 75.000%, #e1c431 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(29.53% 0.1199 338.91) 0.000% 25.000%, oklch(49.21% 0.1874 358.98) 25.000% 50.000%, oklch(64.96% 0.1654 37.03) 50.000% 75.000%, oklch(82.28% 0.1571 97.26) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.12 | 338.9 |
| 2 | 0.492 | 0.187 | 359 |
| 3 | 0.65 | 0.165 | 397 |
| 4 | 0.823 | 0.157 | 457.3 |

## In these collections

- [Neon swatches](https://grabient.com/neon-swatches)

## Other forms

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