# Wine magenta palette

The Wine magenta palette brings together red and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is magenta.

- Also called: Analogous dark purple to pink linear gradient
- Seed: `kSVCn9va_AdBSPw`
- Page: https://grabient.com/kSVCn9va_AdBSPw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#4c2936` | `oklch(33.07% 0.0565 356.48)` | Wine Tasting | white, 12.5 to 1 |
| 2 | `#4f2938` | `oklch(33.63% 0.0592 356.66)` | Black Rose | white, 12.2 to 1 |
| 3 | `#522a39` | `oklch(34.31% 0.0623 356.91)` | Black Rose | white, 11.9 to 1 |
| 4 | `#562b3b` | `oklch(35.09% 0.0659 357.21)` | Port Royale | white, 11.6 to 1 |
| 5 | `#5a2c3d` | `oklch(35.96% 0.0699 357.56)` | Windsor Wine | white, 11.2 to 1 |
| 6 | `#5e2d3f` | `oklch(36.92% 0.0743 357.94)` | Windsor Wine | white, 10.8 to 1 |
| 7 | `#632f42` | `oklch(37.93% 0.0789 358.35)` | Clinker Red | white, 10.4 to 1 |
| 8 | `#683044` | `oklch(39.01% 0.0839 358.76)` | Wine Dregs | white, 10 to 1 |
| 9 | `#6d3147` | `oklch(40.12% 0.0891 359.16)` | Cabernet Craving | white, 9.6 to 1 |
| 10 | `#733249` | `oklch(41.26% 0.0944 359.54)` | Satin Chocolate | white, 9.1 to 1 |
| 11 | `#78334c` | `oklch(42.41% 0.1000 359.90)` | Flirt | white, 8.7 to 1 |
| 12 | `#7e354f` | `oklch(43.57% 0.1056 0.21)` | Rich Red Violet | white, 8.3 to 1 |
| 13 | `#843651` | `oklch(44.71% 0.1112 0.46)` | Velvet Rose | white, 8 to 1 |
| 14 | `#893754` | `oklch(45.83% 0.1169 0.64)` | That’s My Jam | white, 7.6 to 1 |
| 15 | `#8f3757` | `oklch(46.91% 0.1226 0.74)` | Quinacridone Magenta | white, 7.3 to 1 |
| 16 | `#943859` | `oklch(47.93% 0.1282 0.75)` | Forward Fuchsia | white, 7 to 1 |
| 17 | `#9a395c` | `oklch(48.91% 0.1337 0.64)` | Cardinal Red | white, 6.7 to 1 |
| 18 | `#9f395f` | `oklch(49.93% 0.1397 0.42)` | Boysenberry Pink | white, 6.5 to 1 |
| 19 | `#a53962` | `oklch(50.98% 0.1461 0.10)` | Valentine’s Day | white, 6.2 to 1 |
| 20 | `#ab3966` | `oklch(52.06% 0.1529 359.68)` | Rhine River Rose | white, 5.9 to 1 |
| 21 | `#b13a6a` | `oklch(53.15% 0.1598 359.19)` | Cactus Flower | white, 5.7 to 1 |
| 22 | `#b7396e` | `oklch(54.24% 0.1670 358.64)` | Fiery Fuchsia | white, 5.4 to 1 |
| 23 | `#bd3972` | `oklch(55.33% 0.1742 358.05)` | Spicy Purple | white, 5.2 to 1 |
| 24 | `#c33976` | `oklch(56.40% 0.1813 357.43)` | Lilac Rose | white, 5 to 1 |
| 25 | `#c8387b` | `oklch(57.45% 0.1883 356.80)` | Magentarama | white, 4.8 to 1 |
| 26 | `#ce387f` | `oklch(58.45% 0.1951 356.17)` | Pink Yarrow | white, 4.6 to 1 |
| 27 | `#d33783` | `oklch(59.40% 0.2016 355.56)` | Pink Yarrow | black, 4.6 to 1 |
| 28 | `#d83787` | `oklch(60.29% 0.2077 354.98)` | Sensual Climax | black, 4.8 to 1 |
| 29 | `#dc368b` | `oklch(61.10% 0.2133 354.46)` | Sensual Climax | black, 4.9 to 1 |
| 30 | `#e0368f` | `oklch(61.83% 0.2182 353.99)` | Sensual Climax | black, 5 to 1 |
| 31 | `#e43592` | `oklch(62.47% 0.2225 353.61)` | Pinkinity | black, 5.2 to 1 |
| 32 | `#e73594` | `oklch(62.99% 0.2260 353.31)` | Pinkinity | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #4c2936 0.0%, #4f2938 3.2%, #522a39 6.5%, #562b3b 9.7%, #5a2c3d 12.9%, #5e2d3f 16.1%, #632f42 19.4%, #683044 22.6%, #6d3147 25.8%, #733249 29.0%, #78334c 32.3%, #7e354f 35.5%, #843651 38.7%, #893754 41.9%, #8f3757 45.2%, #943859 48.4%, #9a395c 51.6%, #9f395f 54.8%, #a53962 58.1%, #ab3966 61.3%, #b13a6a 64.5%, #b7396e 67.7%, #bd3972 71.0%, #c33976 74.2%, #c8387b 77.4%, #ce387f 80.6%, #d33783 83.9%, #d83787 87.1%, #dc368b 90.3%, #e0368f 93.5%, #e43592 96.8%, #e73594 100.0%);
background: linear-gradient(225deg in oklch, oklch(33.07% 0.0565 356.48) 0.0%, oklch(33.63% 0.0592 356.66) 3.2%, oklch(34.31% 0.0623 356.91) 6.5%, oklch(35.09% 0.0659 357.21) 9.7%, oklch(35.96% 0.0699 357.56) 12.9%, oklch(36.92% 0.0743 357.94) 16.1%, oklch(37.93% 0.0789 358.35) 19.4%, oklch(39.01% 0.0839 358.76) 22.6%, oklch(40.12% 0.0891 359.16) 25.8%, oklch(41.26% 0.0944 359.54) 29.0%, oklch(42.41% 0.1000 359.90) 32.3%, oklch(43.57% 0.1056 0.21) 35.5%, oklch(44.71% 0.1112 0.46) 38.7%, oklch(45.83% 0.1169 0.64) 41.9%, oklch(46.91% 0.1226 0.74) 45.2%, oklch(47.93% 0.1282 0.75) 48.4%, oklch(48.91% 0.1337 0.64) 51.6%, oklch(49.93% 0.1397 0.42) 54.8%, oklch(50.98% 0.1461 0.10) 58.1%, oklch(52.06% 0.1529 359.68) 61.3%, oklch(53.15% 0.1598 359.19) 64.5%, oklch(54.24% 0.1670 358.64) 67.7%, oklch(55.33% 0.1742 358.05) 71.0%, oklch(56.40% 0.1813 357.43) 74.2%, oklch(57.45% 0.1883 356.80) 77.4%, oklch(58.45% 0.1951 356.17) 80.6%, oklch(59.40% 0.2016 355.56) 83.9%, oklch(60.29% 0.2077 354.98) 87.1%, oklch(61.10% 0.2133 354.46) 90.3%, oklch(61.83% 0.2182 353.99) 93.5%, oklch(62.47% 0.2225 353.61) 96.8%, oklch(62.99% 0.2260 353.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.056 | 356.5 |
| 2 | 0.484 | 0.131 | 360.7 |
| 3 | 0.63 | 0.226 | 353.3 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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