# Near-black and wine jewel tones palette

The Near-black and wine jewel tones palette brings together dark gray, dark magenta, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is red.

- Also called: Analogous black, maroon and pink radial gradient
- Seed: `kWLRHoIJlDLAtQU_vUBzT_AQ`
- Page: https://grabient.com/kWLRHoIJlDLAtQU_vUBzT_AQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.5 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 | `#160d16` | `oklch(17.72% 0.0234 326.25)` | Noir Fiction | white, 18.9 to 1 |
| 2 | `#190e18` | `oklch(18.32% 0.0270 328.57)` | Shot in the Dark | white, 18.8 to 1 |
| 3 | `#1c0e1a` | `oklch(19.08% 0.0317 331.78)` | Shot in the Dark | white, 18.5 to 1 |
| 4 | `#200f1d` | `oklch(19.99% 0.0373 335.62)` | Shot in the Dark | white, 18.2 to 1 |
| 5 | `#25101f` | `oklch(21.03% 0.0435 339.79)` | Inside | white, 17.9 to 1 |
| 6 | `#2b1021` | `oklch(22.16% 0.0502 344.03)` | Black Cherry | white, 17.5 to 1 |
| 7 | `#301122` | `oklch(23.36% 0.0571 348.05)` | Black Cherry | white, 17 to 1 |
| 8 | `#361224` | `oklch(24.62% 0.0639 351.58)` | Chocolate Kiss | white, 16.5 to 1 |
| 9 | `#3d1226` | `oklch(25.92% 0.0705 354.34)` | Chocolate Kiss | white, 16 to 1 |
| 10 | `#431328` | `oklch(27.31% 0.0774 356.58)` | What We Do in the Shadows | white, 15.3 to 1 |
| 11 | `#4a142a` | `oklch(28.82% 0.0845 358.48)` | Blackberry | white, 14.7 to 1 |
| 12 | `#51152d` | `oklch(30.40% 0.0919 0.10)` | Tulip Poplar Purple | white, 14 to 1 |
| 13 | `#59162f` | `oklch(32.04% 0.0993 1.49)` | Drops of God | white, 13.2 to 1 |
| 14 | `#601832` | `oklch(33.71% 0.1067 2.71)` | Brown Chocolate | white, 12.5 to 1 |
| 15 | `#681935` | `oklch(35.37% 0.1139 3.80)` | Brown Chocolate | white, 11.8 to 1 |
| 16 | `#701a37` | `oklch(37.00% 0.1208 4.84)` | Rocking Chair | white, 11.1 to 1 |
| 17 | `#771b3a` | `oklch(38.59% 0.1272 5.83)` | Rocking Chair | white, 10.4 to 1 |
| 18 | `#7f1d3c` | `oklch(40.18% 0.1338 6.65)` | Beet Red | white, 9.8 to 1 |
| 19 | `#861e3f` | `oklch(41.79% 0.1404 7.30)` | Refined Chianti | white, 9.2 to 1 |
| 20 | `#8e1f42` | `oklch(43.40% 0.1468 7.82)` | Refined Chianti | white, 8.6 to 1 |
| 21 | `#962144` | `oklch(44.99% 0.1528 8.26)` | Berry Rossi | white, 8.1 to 1 |
| 22 | `#9d2347` | `oklch(46.57% 0.1584 8.65)` | Vampirella | white, 7.5 to 1 |
| 23 | `#a4254a` | `oklch(48.12% 0.1632 9.04)` | True Crimson | white, 7.1 to 1 |
| 24 | `#ab284d` | `oklch(49.63% 0.1673 9.46)` | Primal Red | white, 6.6 to 1 |
| 25 | `#b12b50` | `oklch(51.14% 0.1703 9.94)` | Minted Blueberry Lemonade | white, 6.2 to 1 |
| 26 | `#b83053` | `oklch(52.72% 0.1723 10.43)` | Raspberry Wine | white, 5.8 to 1 |
| 27 | `#be3556` | `oklch(54.32% 0.1736 10.91)` | Dry Rose | white, 5.4 to 1 |
| 28 | `#c43a5a` | `oklch(55.89% 0.1743 11.37)` | Cherry Lolly | white, 5.1 to 1 |
| 29 | `#c93f5d` | `oklch(57.36% 0.1745 11.80)` | Cherry Lolly | white, 4.8 to 1 |
| 30 | `#ce4360` | `oklch(58.68% 0.1746 12.18)` | Paper Hearts | black, 4.6 to 1 |
| 31 | `#d24762` | `oklch(59.79% 0.1747 12.50)` | California Wine | black, 4.8 to 1 |
| 32 | `#d54a64` | `oklch(60.63% 0.1750 12.75)` | Geranium | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #160d16 0.0%, #190e18 3.2%, #1c0e1a 6.5%, #200f1d 9.7%, #25101f 12.9%, #2b1021 16.1%, #301122 19.4%, #361224 22.6%, #3d1226 25.8%, #431328 29.0%, #4a142a 32.3%, #51152d 35.5%, #59162f 38.7%, #601832 41.9%, #681935 45.2%, #701a37 48.4%, #771b3a 51.6%, #7f1d3c 54.8%, #861e3f 58.1%, #8e1f42 61.3%, #962144 64.5%, #9d2347 67.7%, #a4254a 71.0%, #ab284d 74.2%, #b12b50 77.4%, #b83053 80.6%, #be3556 83.9%, #c43a5a 87.1%, #c93f5d 90.3%, #ce4360 93.5%, #d24762 96.8%, #d54a64 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0234 326.25) 0.0%, oklch(18.32% 0.0270 328.57) 3.2%, oklch(19.08% 0.0317 331.78) 6.5%, oklch(19.99% 0.0373 335.62) 9.7%, oklch(21.03% 0.0435 339.79) 12.9%, oklch(22.16% 0.0502 344.03) 16.1%, oklch(23.36% 0.0571 348.05) 19.4%, oklch(24.62% 0.0639 351.58) 22.6%, oklch(25.92% 0.0705 354.34) 25.8%, oklch(27.31% 0.0774 356.58) 29.0%, oklch(28.82% 0.0845 358.48) 32.3%, oklch(30.40% 0.0919 0.10) 35.5%, oklch(32.04% 0.0993 1.49) 38.7%, oklch(33.71% 0.1067 2.71) 41.9%, oklch(35.37% 0.1139 3.80) 45.2%, oklch(37.00% 0.1208 4.84) 48.4%, oklch(38.59% 0.1272 5.83) 51.6%, oklch(40.18% 0.1338 6.65) 54.8%, oklch(41.79% 0.1404 7.30) 58.1%, oklch(43.40% 0.1468 7.82) 61.3%, oklch(44.99% 0.1528 8.26) 64.5%, oklch(46.57% 0.1584 8.65) 67.7%, oklch(48.12% 0.1632 9.04) 71.0%, oklch(49.63% 0.1673 9.46) 74.2%, oklch(51.14% 0.1703 9.94) 77.4%, oklch(52.72% 0.1723 10.43) 80.6%, oklch(54.32% 0.1736 10.91) 83.9%, oklch(55.89% 0.1743 11.37) 87.1%, oklch(57.36% 0.1745 11.80) 90.3%, oklch(58.68% 0.1746 12.18) 93.5%, oklch(59.79% 0.1747 12.50) 96.8%, oklch(60.63% 0.1750 12.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.023 | 326.3 |
| 2 | 0.256 | 0.069 | 353.7 |
| 3 | 0.378 | 0.124 | 365.3 |
| 4 | 0.5 | 0.168 | 369.6 |
| 5 | 0.606 | 0.175 | 372.7 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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