# Near-black, plum and rose color palette

The Near-black, plum and rose color palette brings together dark purple, dark magenta, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Analogous black, purple and pink linear swatches
- Seed: `kWLxrZHxnDa6qwM_NEC06pAQ`
- Page: https://grabient.com/kWLxrZHxnDa6qwM_NEC06pAQ?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark to light, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.6 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 | `#160e1f` | `oklch(18.50% 0.0358 305.16)` | Corbeau | white, 18.7 to 1 |
| 2 | `#33112d` | `oklch(24.41% 0.0703 334.75)` | Cultist Robe | white, 16.6 to 1 |
| 3 | `#651f50` | `oklch(36.61% 0.1171 342.14)` | Plum Caspia | white, 11.2 to 1 |
| 4 | `#9a3870` | `oklch(49.61% 0.1433 348.48)` | Powder Red | white, 6.6 to 1 |
| 5 | `#c77299` | `oklch(65.75% 0.1157 351.65)` | Dolomite Red | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #160e1f 0.000% 20.000%, #33112d 20.000% 40.000%, #651f50 40.000% 60.000%, #9a3870 60.000% 80.000%, #c77299 80.000% 100.000%);
background: linear-gradient(180deg, oklch(18.50% 0.0358 305.16) 0.000% 20.000%, oklch(24.41% 0.0703 334.75) 20.000% 40.000%, oklch(36.61% 0.1171 342.14) 40.000% 60.000%, oklch(49.61% 0.1433 348.48) 60.000% 80.000%, oklch(65.75% 0.1157 351.65) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.036 | 305.2 |
| 2 | 0.244 | 0.07 | 334.7 |
| 3 | 0.366 | 0.117 | 342.1 |
| 4 | 0.496 | 0.143 | 348.5 |
| 5 | 0.657 | 0.116 | 351.7 |

## In these collections

- [Jewel tone swatches](https://grabient.com/jewel-tone-swatches)
- [Dark swatches](https://grabient.com/dark-swatches)

## Other forms

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