# Near-black, magenta and coral color palette

The Near-black, magenta and coral color palette brings together dark purple, magenta, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits album artwork and music event graphics. Its darkest tone is dark purple, and its lightest tone is red.

- Also called: Navy, purple and salmon linear gradient
- Seed: `kWITDVJZ6_T2nRJUNUOYLnCo`
- Page: https://grabient.com/kWITDVJZ6_T2nRJUNUOYLnCo?steps=6&angle=180
- Drawn as: linear gradient, 6 steps, 180 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#0c011d` | `oklch(12.99% 0.0661 299.53)` | Midnight Jam | white, 20.2 to 1 |
| 2 | `#261a46` | `oklch(25.80% 0.0798 292.55)` | Azulado | white, 15.9 to 1 |
| 3 | `#5e376d` | `oklch(40.84% 0.0968 316.19)` | Lounge Violet | white, 9.3 to 1 |
| 4 | `#a75483` | `oklch(55.97% 0.1231 346.57)` | Purple Zergling | white, 4.9 to 1 |
| 5 | `#e76e86` | `oklch(68.77% 0.1504 9.49)` | Deep Blush | black, 6.9 to 1 |
| 6 | `#ff8b7e` | `oklch(75.98% 0.1433 27.24)` | Desert Flower | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0c011d 0.0%, #261a46 20.0%, #5e376d 40.0%, #a75483 60.0%, #e76e86 80.0%, #ff8b7e 100.0%);
background: linear-gradient(180deg in oklch, oklch(12.99% 0.0661 299.53) 0.0%, oklch(25.80% 0.0798 292.55) 20.0%, oklch(40.84% 0.0968 316.19) 40.0%, oklch(55.97% 0.1231 346.57) 60.0%, oklch(68.77% 0.1504 9.49) 80.0%, oklch(75.98% 0.1433 27.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.066 | 299.5 |
| 2 | 0.295 | 0.084 | 294.2 |
| 3 | 0.484 | 0.107 | 333.3 |
| 4 | 0.661 | 0.146 | 364 |
| 5 | 0.76 | 0.158 | 387.2 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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