# Near-black, wine and ochre plum noir palette

The Near-black, wine and ochre plum noir palette brings together dark gray, dark magenta, magenta, red, and gold. 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 gold.

- Also called: Black, purple and tan angular gradient
- Seed: `kYJwzyHhQ_6qkQG4rcFSqtD-StyA`
- Page: https://grabient.com/kYJwzyHhQ_6qkQG4rcFSqtD-StyA?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 10.2 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 | `#11090e` | `oklch(15.35% 0.0165 340.31)` | Chyornyi Black | white, 19.6 to 1 |
| 2 | `#140a10` | `oklch(16.20% 0.0205 340.27)` | Noir Fiction | white, 19.4 to 1 |
| 3 | `#180c14` | `oklch(17.35% 0.0259 340.16)` | Noir Fiction | white, 19.1 to 1 |
| 4 | `#1d0d18` | `oklch(18.73% 0.0324 340.06)` | Shot in the Dark | white, 18.7 to 1 |
| 5 | `#220f1c` | `oklch(20.24% 0.0395 340.00)` | Inside | white, 18.2 to 1 |
| 6 | `#281121` | `oklch(21.80% 0.0467 340.05)` | Inside | white, 17.6 to 1 |
| 7 | `#2e1225` | `oklch(23.33% 0.0538 340.25)` | Black Cherry | white, 17 to 1 |
| 8 | `#34142a` | `oklch(24.81% 0.0607 340.60)` | Nightly Voyager | white, 16.4 to 1 |
| 9 | `#3a152e` | `oklch(26.33% 0.0681 341.01)` | Nightly Voyager | white, 15.7 to 1 |
| 10 | `#401733` | `oklch(27.89% 0.0757 341.52)` | Blackberry | white, 15.1 to 1 |
| 11 | `#471838` | `oklch(29.50% 0.0832 342.17)` | Chilli Black Red | white, 14.3 to 1 |
| 12 | `#4e1a3c` | `oklch(31.13% 0.0904 343.00)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 13 | `#551c41` | `oklch(32.79% 0.0969 344.05)` | Violet Carmine | white, 12.9 to 1 |
| 14 | `#5c1e45` | `oklch(34.47% 0.1026 345.28)` | Plum Caspia | white, 12.1 to 1 |
| 15 | `#632049` | `oklch(36.15% 0.1081 346.47)` | Plum Caspia | white, 11.4 to 1 |
| 16 | `#6a234d` | `oklch(37.84% 0.1131 347.76)` | Pompadour | white, 10.7 to 1 |
| 17 | `#722650` | `oklch(39.58% 0.1177 349.34)` | Dried Flower Purple | white, 9.9 to 1 |
| 18 | `#7a2953` | `oklch(41.39% 0.1214 351.40)` | Magenta Purple | white, 9.2 to 1 |
| 19 | `#822d55` | `oklch(43.29% 0.1242 354.13)` | Raspberry Radiance | white, 8.5 to 1 |
| 20 | `#8a3256` | `oklch(45.30% 0.1259 357.65)` | Rosebud Cherry | white, 7.8 to 1 |
| 21 | `#923757` | `oklch(47.35% 0.1258 1.61)` | Quinacridone Magenta | white, 7.2 to 1 |
| 22 | `#9a3e57` | `oklch(49.46% 0.1245 6.04)` | Algae Red | white, 6.5 to 1 |
| 23 | `#a14556` | `oklch(51.66% 0.1225 11.10)` | Drisheen | white, 5.9 to 1 |
| 24 | `#a94e55` | `oklch(53.99% 0.1205 16.95)` | Young Redwood | white, 5.3 to 1 |
| 25 | `#b15653` | `oklch(56.50% 0.1190 23.75)` | Deep Rose | white, 4.8 to 1 |
| 26 | `#ba6150` | `oklch(59.24% 0.1185 31.70)` | Too Hot to Handle | black, 4.8 to 1 |
| 27 | `#c36d4b` | `oklch(62.54% 0.1191 42.12)` | Spice Route | black, 5.6 to 1 |
| 28 | `#cb7d46` | `oklch(66.29% 0.1202 54.57)` | Apricot Buff | black, 6.5 to 1 |
| 29 | `#d18f42` | `oklch(70.17% 0.1217 67.75)` | Hey Honey! | black, 7.7 to 1 |
| 30 | `#d2a145` | `oklch(73.82% 0.1232 80.37)` | Chipmunk | black, 8.9 to 1 |
| 31 | `#d1b14c` | `oklch(76.92% 0.1245 91.11)` | Gold Gleam | black, 10 to 1 |
| 32 | `#cfbc55` | `oklch(79.13% 0.1254 98.67)` | Limón Fresco | black, 10.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #11090e 0.0%, #140a10 3.2%, #180c14 6.5%, #1d0d18 9.7%, #220f1c 12.9%, #281121 16.1%, #2e1225 19.4%, #34142a 22.6%, #3a152e 25.8%, #401733 29.0%, #471838 32.3%, #4e1a3c 35.5%, #551c41 38.7%, #5c1e45 41.9%, #632049 45.2%, #6a234d 48.4%, #722650 51.6%, #7a2953 54.8%, #822d55 58.1%, #8a3256 61.3%, #923757 64.5%, #9a3e57 67.7%, #a14556 71.0%, #a94e55 74.2%, #b15653 77.4%, #ba6150 80.6%, #c36d4b 83.9%, #cb7d46 87.1%, #d18f42 90.3%, #d2a145 93.5%, #d1b14c 96.8%, #cfbc55 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(15.35% 0.0165 340.31) 0.0%, oklch(16.20% 0.0205 340.27) 3.2%, oklch(17.35% 0.0259 340.16) 6.5%, oklch(18.73% 0.0324 340.06) 9.7%, oklch(20.24% 0.0395 340.00) 12.9%, oklch(21.80% 0.0467 340.05) 16.1%, oklch(23.33% 0.0538 340.25) 19.4%, oklch(24.81% 0.0607 340.60) 22.6%, oklch(26.33% 0.0681 341.01) 25.8%, oklch(27.89% 0.0757 341.52) 29.0%, oklch(29.50% 0.0832 342.17) 32.3%, oklch(31.13% 0.0904 343.00) 35.5%, oklch(32.79% 0.0969 344.05) 38.7%, oklch(34.47% 0.1026 345.28) 41.9%, oklch(36.15% 0.1081 346.47) 45.2%, oklch(37.84% 0.1131 347.76) 48.4%, oklch(39.58% 0.1177 349.34) 51.6%, oklch(41.39% 0.1214 351.40) 54.8%, oklch(43.29% 0.1242 354.13) 58.1%, oklch(45.30% 0.1259 357.65) 61.3%, oklch(47.35% 0.1258 1.61) 64.5%, oklch(49.46% 0.1245 6.04) 67.7%, oklch(51.66% 0.1225 11.10) 71.0%, oklch(53.99% 0.1205 16.95) 74.2%, oklch(56.50% 0.1190 23.75) 77.4%, oklch(59.24% 0.1185 31.70) 80.6%, oklch(62.54% 0.1191 42.12) 83.9%, oklch(66.29% 0.1202 54.57) 87.1%, oklch(70.17% 0.1217 67.75) 90.3%, oklch(73.82% 0.1232 80.37) 93.5%, oklch(76.92% 0.1245 91.11) 96.8%, oklch(79.13% 0.1254 98.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.017 | 340.3 |
| 2 | 0.236 | 0.055 | 340.3 |
| 3 | 0.335 | 0.099 | 344.5 |
| 4 | 0.445 | 0.125 | 356.2 |
| 5 | 0.587 | 0.119 | 390 |
| 6 | 0.791 | 0.125 | 458.7 |

## In these collections

- [Plum noir](https://grabient.com/plum-noir)

## Other forms

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