# Wine and terracotta text palette

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

- Also called: Warm dark purple, maroon and brown radial gradient
- Seed: `kSQSv8t6pD1CpQw`
- Page: https://grabient.com/kSQSv8t6pD1CpQw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, warm
- Hues: analogous
- 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 | `#381524` | `oklch(25.59% 0.0593 355.08)` | Chocolate Kiss | white, 16 to 1 |
| 2 | `#3b1625` | `oklch(26.24% 0.0614 356.28)` | Chocolate Kiss | white, 15.7 to 1 |
| 3 | `#3e1726` | `oklch(27.03% 0.0642 357.75)` | Black-Hearted | white, 15.4 to 1 |
| 4 | `#421828` | `oklch(27.93% 0.0675 359.45)` | Black-Hearted | white, 15 to 1 |
| 5 | `#471a29` | `oklch(28.94% 0.0713 1.36)` | Dark Mahogany | white, 14.5 to 1 |
| 6 | `#4b1b2a` | `oklch(30.04% 0.0754 3.44)` | Vino Tinto | white, 14 to 1 |
| 7 | `#511c2b` | `oklch(31.21% 0.0797 5.67)` | Largest Black Slug | white, 13.5 to 1 |
| 8 | `#561e2c` | `oklch(32.45% 0.0842 8.00)` | Largest Black Slug | white, 12.9 to 1 |
| 9 | `#5c202c` | `oklch(33.74% 0.0888 10.42)` | Drops of God | white, 12.3 to 1 |
| 10 | `#62222d` | `oklch(35.07% 0.0934 12.88)` | Blackberry Pie | white, 11.8 to 1 |
| 11 | `#68242d` | `oklch(36.42% 0.0978 15.35)` | Monarch | white, 11.2 to 1 |
| 12 | `#6e262d` | `oklch(37.79% 0.1020 17.81)` | Monarch | white, 10.6 to 1 |
| 13 | `#74282d` | `oklch(39.15% 0.1059 20.22)` | Tamarillo | white, 10 to 1 |
| 14 | `#792b2c` | `oklch(40.49% 0.1094 22.56)` | Chocolate Bhut Jolokia | white, 9.5 to 1 |
| 15 | `#7f2e2c` | `oklch(41.81% 0.1124 24.78)` | Fired Brick | white, 9 to 1 |
| 16 | `#84312c` | `oklch(43.08% 0.1148 26.86)` | Dockside Red | white, 8.5 to 1 |
| 17 | `#88352c` | `oklch(44.32% 0.1166 28.80)` | Crabapple | white, 8.1 to 1 |
| 18 | `#8d382c` | `oklch(45.63% 0.1178 30.76)` | Red Prairie | white, 7.6 to 1 |
| 19 | `#913d2c` | `oklch(47.00% 0.1186 32.75)` | Carmen Miranda | white, 7.2 to 1 |
| 20 | `#96412d` | `oklch(48.43% 0.1191 34.75)` | Tia Maria | white, 6.7 to 1 |
| 21 | `#9a462e` | `oklch(49.89% 0.1192 36.76)` | Rock Spray | white, 6.3 to 1 |
| 22 | `#9f4b2f` | `oklch(51.37% 0.1190 38.75)` | Redridge Brown | white, 5.9 to 1 |
| 23 | `#a35031` | `oklch(52.85% 0.1186 40.71)` | Alfajor Brown | white, 5.5 to 1 |
| 24 | `#a75533` | `oklch(54.31% 0.1181 42.63)` | Vesuvius | white, 5.2 to 1 |
| 25 | `#ab5a35` | `oklch(55.74% 0.1174 44.47)` | Monument Valley | white, 4.9 to 1 |
| 26 | `#af5f37` | `oklch(57.12% 0.1166 46.24)` | Fragrant Cloves | white, 4.6 to 1 |
| 27 | `#b26439` | `oklch(58.44% 0.1158 47.91)` | Khardic | black, 4.7 to 1 |
| 28 | `#b5693c` | `oklch(59.67% 0.1150 49.47)` | Mincemeat | black, 5 to 1 |
| 29 | `#b86d3e` | `oklch(60.79% 0.1142 50.90)` | Orange Ballad | black, 5.2 to 1 |
| 30 | `#bb7040` | `oklch(61.80% 0.1136 52.19)` | Spice Cake | black, 5.5 to 1 |
| 31 | `#bd7342` | `oklch(62.67% 0.1132 53.31)` | Ginger Root | black, 5.7 to 1 |
| 32 | `#bf7643` | `oklch(63.39% 0.1130 54.26)` | Ginger Root | black, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #381524 0.0%, #3b1625 3.2%, #3e1726 6.5%, #421828 9.7%, #471a29 12.9%, #4b1b2a 16.1%, #511c2b 19.4%, #561e2c 22.6%, #5c202c 25.8%, #62222d 29.0%, #68242d 32.3%, #6e262d 35.5%, #74282d 38.7%, #792b2c 41.9%, #7f2e2c 45.2%, #84312c 48.4%, #88352c 51.6%, #8d382c 54.8%, #913d2c 58.1%, #96412d 61.3%, #9a462e 64.5%, #9f4b2f 67.7%, #a35031 71.0%, #a75533 74.2%, #ab5a35 77.4%, #af5f37 80.6%, #b26439 83.9%, #b5693c 87.1%, #b86d3e 90.3%, #bb7040 93.5%, #bd7342 96.8%, #bf7643 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.59% 0.0593 355.08) 0.0%, oklch(26.24% 0.0614 356.28) 3.2%, oklch(27.03% 0.0642 357.75) 6.5%, oklch(27.93% 0.0675 359.45) 9.7%, oklch(28.94% 0.0713 1.36) 12.9%, oklch(30.04% 0.0754 3.44) 16.1%, oklch(31.21% 0.0797 5.67) 19.4%, oklch(32.45% 0.0842 8.00) 22.6%, oklch(33.74% 0.0888 10.42) 25.8%, oklch(35.07% 0.0934 12.88) 29.0%, oklch(36.42% 0.0978 15.35) 32.3%, oklch(37.79% 0.1020 17.81) 35.5%, oklch(39.15% 0.1059 20.22) 38.7%, oklch(40.49% 0.1094 22.56) 41.9%, oklch(41.81% 0.1124 24.78) 45.2%, oklch(43.08% 0.1148 26.86) 48.4%, oklch(44.32% 0.1166 28.80) 51.6%, oklch(45.63% 0.1178 30.76) 54.8%, oklch(47.00% 0.1186 32.75) 58.1%, oklch(48.43% 0.1191 34.75) 61.3%, oklch(49.89% 0.1192 36.76) 64.5%, oklch(51.37% 0.1190 38.75) 67.7%, oklch(52.85% 0.1186 40.71) 71.0%, oklch(54.31% 0.1181 42.63) 74.2%, oklch(55.74% 0.1174 44.47) 77.4%, oklch(57.12% 0.1166 46.24) 80.6%, oklch(58.44% 0.1158 47.91) 83.9%, oklch(59.67% 0.1150 49.47) 87.1%, oklch(60.79% 0.1142 50.90) 90.3%, oklch(61.80% 0.1136 52.19) 93.5%, oklch(62.67% 0.1132 53.31) 96.8%, oklch(63.39% 0.1130 54.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.059 | 355.1 |
| 2 | 0.437 | 0.116 | 387.8 |
| 3 | 0.634 | 0.113 | 414.3 |

## In these collections

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

## Other forms

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