# Magenta text palette

The Magenta text palette brings together purple. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits website sections and interface mockups. Its lightest and darkest tones both fall within the purple color family.

- Also called: Vivid monochrome purple linear gradient
- Seed: `kSrYPiS0w-L1Ivi`
- Page: https://grabient.com/kSrYPiS0w-L1Ivi?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#c56fe0` | `oklch(68.11% 0.1805 317.81)` | Purple Snail | black, 6.7 to 1 |
| 2 | `#c46ee0` | `oklch(67.79% 0.1816 317.28)` | Purple Snail | black, 6.6 to 1 |
| 3 | `#c26de0` | `oklch(67.40% 0.1831 316.63)` | Purple Snail | black, 6.5 to 1 |
| 4 | `#c06be0` | `oklch(66.96% 0.1849 315.88)` | Lavender | black, 6.4 to 1 |
| 5 | `#be6ae1` | `oklch(66.47% 0.1869 315.05)` | Lavender | black, 6.3 to 1 |
| 6 | `#bb68e1` | `oklch(65.93% 0.1891 314.14)` | Lavender | black, 6.1 to 1 |
| 7 | `#b866e1` | `oklch(65.35% 0.1914 313.16)` | Lavender | black, 6 to 1 |
| 8 | `#b564e2` | `oklch(64.75% 0.1938 312.14)` | Lavender | black, 5.8 to 1 |
| 9 | `#b261e2` | `oklch(64.11% 0.1962 311.07)` | Violet Voltage | black, 5.7 to 1 |
| 10 | `#af5fe2` | `oklch(63.45% 0.1986 309.98)` | Violet Voltage | black, 5.5 to 1 |
| 11 | `#ac5de2` | `oklch(62.78% 0.2009 308.87)` | Light Shōtoku Purple | black, 5.4 to 1 |
| 12 | `#a85be3` | `oklch(62.10% 0.2030 307.76)` | Lightish Purple | black, 5.2 to 1 |
| 13 | `#a459e2` | `oklch(61.41% 0.2050 306.65)` | Lightish Purple | black, 5.1 to 1 |
| 14 | `#a157e2` | `oklch(60.73% 0.2067 305.57)` | Lightish Purple | black, 4.9 to 1 |
| 15 | `#9d55e2` | `oklch(60.05% 0.2080 304.51)` | Lightish Purple | black, 4.8 to 1 |
| 16 | `#9a53e1` | `oklch(59.38% 0.2091 303.50)` | Navy Genesis Evangelion | black, 4.6 to 1 |
| 17 | `#9651e1` | `oklch(58.72% 0.2097 302.53)` | Navy Genesis Evangelion | white, 4.5 to 1 |
| 18 | `#9350df` | `oklch(58.02% 0.2100 301.52)` | Navy Genesis Evangelion | white, 4.7 to 1 |
| 19 | `#8f4ede` | `oklch(57.27% 0.2100 300.47)` | Gloomy Purple | white, 4.8 to 1 |
| 20 | `#8a4cdc` | `oklch(56.48% 0.2097 299.39)` | Gloomy Purple | white, 5 to 1 |
| 21 | `#864bdb` | `oklch(55.67% 0.2092 298.28)` | Gloomy Purple | white, 5.2 to 1 |
| 22 | `#8249d9` | `oklch(54.84% 0.2085 297.17)` | Aconite Purple | white, 5.3 to 1 |
| 23 | `#7d47d6` | `oklch(54.01% 0.2076 296.06)` | Aconite Purple | white, 5.5 to 1 |
| 24 | `#7946d4` | `oklch(53.18% 0.2067 294.97)` | Aconite Purple | white, 5.7 to 1 |
| 25 | `#7544d2` | `oklch(52.37% 0.2057 293.90)` | Aconite Purple | white, 5.9 to 1 |
| 26 | `#7143d0` | `oklch(51.59% 0.2046 292.87)` | Purple Rain | white, 6.1 to 1 |
| 27 | `#6d41cd` | `oklch(50.84% 0.2036 291.90)` | Purple Rain | white, 6.3 to 1 |
| 28 | `#6a40cb` | `oklch(50.14% 0.2026 290.99)` | Dragonlord Purple | white, 6.5 to 1 |
| 29 | `#663fc9` | `oklch(49.50% 0.2016 290.16)` | Dragonlord Purple | white, 6.7 to 1 |
| 30 | `#633ec7` | `oklch(48.93% 0.2009 289.41)` | Dragonlord Purple | white, 6.8 to 1 |
| 31 | `#613dc6` | `oklch(48.44% 0.2002 288.76)` | Dragonlord Purple | white, 7 to 1 |
| 32 | `#5f3cc5` | `oklch(48.03% 0.1998 288.22)` | Dragonlord Purple | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c56fe0 0.0%, #c46ee0 3.2%, #c26de0 6.5%, #c06be0 9.7%, #be6ae1 12.9%, #bb68e1 16.1%, #b866e1 19.4%, #b564e2 22.6%, #b261e2 25.8%, #af5fe2 29.0%, #ac5de2 32.3%, #a85be3 35.5%, #a459e2 38.7%, #a157e2 41.9%, #9d55e2 45.2%, #9a53e1 48.4%, #9651e1 51.6%, #9350df 54.8%, #8f4ede 58.1%, #8a4cdc 61.3%, #864bdb 64.5%, #8249d9 67.7%, #7d47d6 71.0%, #7946d4 74.2%, #7544d2 77.4%, #7143d0 80.6%, #6d41cd 83.9%, #6a40cb 87.1%, #663fc9 90.3%, #633ec7 93.5%, #613dc6 96.8%, #5f3cc5 100.0%);
background: linear-gradient(90deg in oklch, oklch(68.11% 0.1805 317.81) 0.0%, oklch(67.79% 0.1816 317.28) 3.2%, oklch(67.40% 0.1831 316.63) 6.5%, oklch(66.96% 0.1849 315.88) 9.7%, oklch(66.47% 0.1869 315.05) 12.9%, oklch(65.93% 0.1891 314.14) 16.1%, oklch(65.35% 0.1914 313.16) 19.4%, oklch(64.75% 0.1938 312.14) 22.6%, oklch(64.11% 0.1962 311.07) 25.8%, oklch(63.45% 0.1986 309.98) 29.0%, oklch(62.78% 0.2009 308.87) 32.3%, oklch(62.10% 0.2030 307.76) 35.5%, oklch(61.41% 0.2050 306.65) 38.7%, oklch(60.73% 0.2067 305.57) 41.9%, oklch(60.05% 0.2080 304.51) 45.2%, oklch(59.38% 0.2091 303.50) 48.4%, oklch(58.72% 0.2097 302.53) 51.6%, oklch(58.02% 0.2100 301.52) 54.8%, oklch(57.27% 0.2100 300.47) 58.1%, oklch(56.48% 0.2097 299.39) 61.3%, oklch(55.67% 0.2092 298.28) 64.5%, oklch(54.84% 0.2085 297.17) 67.7%, oklch(54.01% 0.2076 296.06) 71.0%, oklch(53.18% 0.2067 294.97) 74.2%, oklch(52.37% 0.2057 293.90) 77.4%, oklch(51.59% 0.2046 292.87) 80.6%, oklch(50.84% 0.2036 291.90) 83.9%, oklch(50.14% 0.2026 290.99) 87.1%, oklch(49.50% 0.2016 290.16) 90.3%, oklch(48.93% 0.2009 289.41) 93.5%, oklch(48.44% 0.2002 288.76) 96.8%, oklch(48.03% 0.1998 288.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.181 | 317.8 |
| 2 | 0.591 | 0.209 | 303 |
| 3 | 0.48 | 0.2 | 288.2 |

## In these collections

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

## Other forms

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