# Wine text palette

The Wine text palette brings together magenta and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is magenta, and its lightest tone is red.

- Also called: Vivid maroon, magenta and red radial gradient
- Seed: `kUW17-vUHBE3FQZEuj7A`
- Page: https://grabient.com/kUW17-vUHBE3FQZEuj7A?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#6d113c` | `oklch(35.83% 0.1295 357.89)` | Her Fierceness | white, 11.7 to 1 |
| 2 | `#70113e` | `oklch(36.52% 0.1326 358.42)` | Her Fierceness | white, 11.4 to 1 |
| 3 | `#75113f` | `oklch(37.41% 0.1368 359.07)` | Her Fierceness | white, 11 to 1 |
| 4 | `#7a1141` | `oklch(38.45% 0.1418 359.83)` | Wine | white, 10.6 to 1 |
| 5 | `#801142` | `oklch(39.63% 0.1475 0.69)` | Inescapable Lover | white, 10.1 to 1 |
| 6 | `#861044` | `oklch(40.90% 0.1534 1.62)` | Manually Pressed Grapes | white, 9.6 to 1 |
| 7 | `#8d1046` | `oklch(42.23% 0.1595 2.63)` | Manually Pressed Grapes | white, 9.1 to 1 |
| 8 | `#941047` | `oklch(43.61% 0.1653 3.69)` | Rose Garnet | white, 8.6 to 1 |
| 9 | `#9b1149` | `oklch(44.98% 0.1708 4.78)` | Berry | white, 8.1 to 1 |
| 10 | `#a1124a` | `oklch(46.33% 0.1756 5.90)` | Hydrangea Red | white, 7.7 to 1 |
| 11 | `#a7144b` | `oklch(47.62% 0.1795 7.03)` | Grated Beet | white, 7.3 to 1 |
| 12 | `#ad174c` | `oklch(48.89% 0.1824 8.21)` | Cerise | white, 6.9 to 1 |
| 13 | `#b41c4c` | `oklch(50.30% 0.1848 9.63)` | Carmoisine | white, 6.5 to 1 |
| 14 | `#ba214d` | `oklch(51.82% 0.1869 11.22)` | Raven’s Banquet | white, 6.1 to 1 |
| 15 | `#c1264d` | `oklch(53.40% 0.1886 12.91)` | Zǎo Hóng Maroon | white, 5.7 to 1 |
| 16 | `#c72c4d` | `oklch(54.97% 0.1899 14.62)` | French Raspberry | white, 5.3 to 1 |
| 17 | `#cd324d` | `oklch(56.48% 0.1908 16.28)` | Tomato Puree | white, 5 to 1 |
| 18 | `#d3374d` | `oklch(57.86% 0.1914 17.81)` | Pezzottaite | white, 4.7 to 1 |
| 19 | `#d73c4e` | `oklch(59.08% 0.1915 19.14)` | Smooch Rouge | black, 4.6 to 1 |
| 20 | `#db3f4e` | `oklch(60.06% 0.1913 20.20)` | Celestial Coral | black, 4.8 to 1 |
| 21 | `#dd434e` | `oklch(60.75% 0.1907 20.90)` | Re-Entry | black, 4.9 to 1 |
| 22 | `#de444f` | `oklch(61.09% 0.1898 21.18)` | Re-Entry | black, 5 to 1 |
| 23 | `#dd4550` | `oklch(61.04% 0.1880 20.98)` | Re-Entry | black, 5 to 1 |
| 24 | `#db4551` | `oklch(60.64% 0.1854 20.38)` | Celestial Coral | black, 4.9 to 1 |
| 25 | `#d74452` | `oklch(59.97% 0.1823 19.46)` | Celestial Coral | black, 4.8 to 1 |
| 26 | `#d24353` | `oklch(59.11% 0.1787 18.31)` | Tōnatiuh Red | black, 4.6 to 1 |
| 27 | `#cd4254` | `oklch(58.12% 0.1750 17.02)` | New Brick Red | white, 4.6 to 1 |
| 28 | `#c84055` | `oklch(57.09% 0.1712 15.69)` | New Brick Red | white, 4.8 to 1 |
| 29 | `#c33f55` | `oklch(56.08% 0.1676 14.39)` | Saffron Desires | white, 5 to 1 |
| 30 | `#be3d56` | `oklch(55.17% 0.1644 13.22)` | Thai Spice | white, 5.2 to 1 |
| 31 | `#ba3c56` | `oklch(54.43% 0.1617 12.27)` | Merlot Magic | white, 5.4 to 1 |
| 32 | `#b83b56` | `oklch(53.94% 0.1598 11.63)` | Raspberry Wine | white, 5.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6d113c 0.0%, #70113e 3.2%, #75113f 6.5%, #7a1141 9.7%, #801142 12.9%, #861044 16.1%, #8d1046 19.4%, #941047 22.6%, #9b1149 25.8%, #a1124a 29.0%, #a7144b 32.3%, #ad174c 35.5%, #b41c4c 38.7%, #ba214d 41.9%, #c1264d 45.2%, #c72c4d 48.4%, #cd324d 51.6%, #d3374d 54.8%, #d73c4e 58.1%, #db3f4e 61.3%, #dd434e 64.5%, #de444f 67.7%, #dd4550 71.0%, #db4551 74.2%, #d74452 77.4%, #d24353 80.6%, #cd4254 83.9%, #c84055 87.1%, #c33f55 90.3%, #be3d56 93.5%, #ba3c56 96.8%, #b83b56 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(35.83% 0.1295 357.89) 0.0%, oklch(36.52% 0.1326 358.42) 3.2%, oklch(37.41% 0.1368 359.07) 6.5%, oklch(38.45% 0.1418 359.83) 9.7%, oklch(39.63% 0.1475 0.69) 12.9%, oklch(40.90% 0.1534 1.62) 16.1%, oklch(42.23% 0.1595 2.63) 19.4%, oklch(43.61% 0.1653 3.69) 22.6%, oklch(44.98% 0.1708 4.78) 25.8%, oklch(46.33% 0.1756 5.90) 29.0%, oklch(47.62% 0.1795 7.03) 32.3%, oklch(48.89% 0.1824 8.21) 35.5%, oklch(50.30% 0.1848 9.63) 38.7%, oklch(51.82% 0.1869 11.22) 41.9%, oklch(53.40% 0.1886 12.91) 45.2%, oklch(54.97% 0.1899 14.62) 48.4%, oklch(56.48% 0.1908 16.28) 51.6%, oklch(57.86% 0.1914 17.81) 54.8%, oklch(59.08% 0.1915 19.14) 58.1%, oklch(60.06% 0.1913 20.20) 61.3%, oklch(60.75% 0.1907 20.90) 64.5%, oklch(61.09% 0.1898 21.18) 67.7%, oklch(61.04% 0.1880 20.98) 71.0%, oklch(60.64% 0.1854 20.38) 74.2%, oklch(59.97% 0.1823 19.46) 77.4%, oklch(59.11% 0.1787 18.31) 80.6%, oklch(58.12% 0.1750 17.02) 83.9%, oklch(57.09% 0.1712 15.69) 87.1%, oklch(56.08% 0.1676 14.39) 90.3%, oklch(55.17% 0.1644 13.22) 93.5%, oklch(54.43% 0.1617 12.27) 96.8%, oklch(53.94% 0.1598 11.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.13 | 357.9 |
| 2 | 0.48 | 0.181 | 367.4 |
| 3 | 0.61 | 0.19 | 381.1 |
| 4 | 0.539 | 0.16 | 371.6 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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