# Near-black, wine and mauve color palette

The Near-black, wine and mauve color palette brings together dark green, dark red, magenta, and blue. 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 green, and its lightest tone is magenta.

- Also called: Black, maroon, blue and lavender angular swatches
- Seed: `kWKSRVop0zy2ZvA5GbVUpJII`
- Page: https://grabient.com/kWKSRVop0zy2ZvA5GbVUpJII?style=angularSwatches&steps=5&angle=210
- Drawn as: angular swatches, 5 steps, 210 degrees
- Kinds: dark to light, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 5.8 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 | `#0b1000` | `oklch(16.15% 0.0385 120.45)` | Memorial Black | white, 19.3 to 1 |
| 2 | `#461218` | `oklch(27.17% 0.0799 17.73)` | Rum Chocolate | white, 15.4 to 1 |
| 3 | `#562c45` | `oklch(35.83% 0.0703 344.97)` | Potent Purple | white, 11.3 to 1 |
| 4 | `#3a567b` | `oklch(44.88% 0.0703 255.15)` | Star Spangled | white, 7.4 to 1 |
| 5 | `#9f85a0` | `oklch(64.96% 0.0496 324.89)` | Wonder Violet | black, 6.3 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #0b1000 0.000% 20.000%, #461218 20.000% 40.000%, #562c45 40.000% 60.000%, #3a567b 60.000% 80.000%, #9f85a0 80.000% 100.000%);
background: conic-gradient(from 210deg, oklch(16.15% 0.0385 120.45) 0.000% 20.000%, oklch(27.17% 0.0799 17.73) 20.000% 40.000%, oklch(35.83% 0.0703 344.97) 40.000% 60.000%, oklch(44.88% 0.0703 255.15) 60.000% 80.000%, oklch(64.96% 0.0496 324.89) 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.05 | 120.2 |
| 2 | 0.272 | 0.08 | 17.7 |
| 3 | 0.358 | 0.07 | -15 |
| 4 | 0.449 | 0.07 | -104.9 |
| 5 | 0.65 | 0.05 | -35.1 |

## In these collections

- [Moody swatches](https://grabient.com/moody-swatches)
- [Dark swatches](https://grabient.com/dark-swatches)
- [Dark academia swatches](https://grabient.com/dark-academia-swatches)

## Other forms

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