# Plum and coral cyberpunk palette

The Plum and coral cyberpunk 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 purple, magenta and pink linear swatches
- Seed: `kUR03mvctB1DbQViMcGA`
- Page: https://grabient.com/kUR03mvctB1DbQViMcGA?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.9 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 | `#400f45` | `oklch(27.95% 0.1061 324.14)` | Velvet Cosmos | white, 15.2 to 1 |
| 2 | `#6a1064` | `oklch(37.25% 0.1536 331.34)` | Amygdala Purple | white, 11.2 to 1 |
| 3 | `#a30782` | `oklch(48.43% 0.2067 339.99)` | Blissful Berry | white, 7.2 to 1 |
| 4 | `#cd0092` | `oklch(56.33% 0.2386 345.94)` | Indian Lake | white, 5.2 to 1 |
| 5 | `#ef1e9b` | `oklch(63.39% 0.2508 351.62)` | Fanatic Fuchsia | black, 5.3 to 1 |
| 6 | `#fe629f` | `oklch(71.21% 0.1964 359.21)` | Neon Sunset | black, 7.4 to 1 |
| 7 | `#fd8ea8` | `oklch(77.17% 0.1364 5.35)` | Bunny Fluff | black, 9.5 to 1 |

## CSS

```css
background: linear-gradient(160deg, #400f45 0.000% 14.286%, #6a1064 14.286% 28.571%, #a30782 28.571% 42.857%, #cd0092 42.857% 57.143%, #ef1e9b 57.143% 71.429%, #fe629f 71.429% 85.714%, #fd8ea8 85.714% 100.000%);
background: linear-gradient(160deg, oklch(27.95% 0.1061 324.14) 0.000% 14.286%, oklch(37.25% 0.1536 331.34) 14.286% 28.571%, oklch(48.43% 0.2067 339.99) 28.571% 42.857%, oklch(56.33% 0.2386 345.94) 42.857% 57.143%, oklch(63.39% 0.2508 351.62) 57.143% 71.429%, oklch(71.21% 0.1964 359.21) 71.429% 85.714%, oklch(77.17% 0.1364 5.35) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.106 | 324.1 |
| 2 | 0.484 | 0.207 | 340 |
| 3 | 0.634 | 0.251 | 351.6 |
| 4 | 0.772 | 0.136 | 365.4 |

## In these collections

- [Cyberpunk swatches](https://grabient.com/cyberpunk-swatches)

## Other forms

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