# Near-black and plum color palette

The Near-black and plum color palette brings together dark gray, dark blue, purple, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is red.

- Also called: Black, navy, maroon and mauve linear swatches
- Seed: `kWKQeuIpm_6ydSM2pMZzpY_A`
- Page: https://grabient.com/kWKQeuIpm_6ydSM2pMZzpY_A?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.1 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 | `#0a0e11` | `oklch(16.14% 0.0096 244.69)` | Dark Side of the Moon | white, 19.3 to 1 |
| 2 | `#002946` | `oklch(27.18% 0.0682 244.85)` | Royal Blue Metallic | white, 14.9 to 1 |
| 3 | `#4d2b54` | `oklch(35.04% 0.0799 319.72)` | Scarlet Gum | white, 11.7 to 1 |
| 4 | `#7d353e` | `oklch(42.91% 0.1006 14.67)` | Carmen | white, 8.5 to 1 |
| 5 | `#a6777f` | `oklch(61.81% 0.0606 7.27)` | Mauve Madness | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0a0e11 0.000% 20.000%, #002946 20.000% 40.000%, #4d2b54 40.000% 60.000%, #7d353e 60.000% 80.000%, #a6777f 80.000% 100.000%);
background: linear-gradient(90deg, oklch(16.14% 0.0096 244.69) 0.000% 20.000%, oklch(27.18% 0.0682 244.85) 20.000% 40.000%, oklch(35.04% 0.0799 319.72) 40.000% 60.000%, oklch(42.91% 0.1006 14.67) 60.000% 80.000%, oklch(61.81% 0.0606 7.27) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.01 | 244.7 |
| 2 | 0.272 | 0.07 | 244.7 |
| 3 | 0.35 | 0.08 | 319.7 |
| 4 | 0.429 | 0.101 | 374.7 |
| 5 | 0.618 | 0.061 | 367.3 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)
- [Moody swatches](https://grabient.com/moody-swatches)

## Other forms

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