# Plum and coral neon palette

The Plum and coral neon palette brings together dark magenta, magenta, and light red. 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 light red.

- Also called: Vivid analogous dark purple and pink radial swatches
- Seed: `kUPUTmuMNB0tRQVdLEGg`
- Page: https://grabient.com/kUPUTmuMNB0tRQVdLEGg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#330937` | `oklch(24.02% 0.0937 324.14)` | Cured Eggplant | white, 16.9 to 1 |
| 2 | `#8f0e73` | `oklch(44.49% 0.1846 339.99)` | Royal Purpleness | white, 8.4 to 1 |
| 3 | `#d6268c` | `oklch(59.06% 0.2232 351.62)` | Dark Princess Pink | white, 4.6 to 1 |
| 4 | `#e8879c` | `oklch(73.23% 0.1213 6.41)` | Iced Berry | black, 8.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #330937 0.000% 25.000%, #8f0e73 25.000% 50.000%, #d6268c 50.000% 75.000%, #e8879c 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(24.02% 0.0937 324.14) 0.000% 25.000%, oklch(44.49% 0.1846 339.99) 25.000% 50.000%, oklch(59.06% 0.2232 351.62) 50.000% 75.000%, oklch(73.23% 0.1213 6.41) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.094 | 324.1 |
| 2 | 0.445 | 0.185 | 340 |
| 3 | 0.591 | 0.223 | 351.6 |
| 4 | 0.732 | 0.121 | 366.4 |

## In these collections

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

## Other forms

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