# Plum Suede

The Blue lavender palette brings together purple, light purple, light blue, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is light purple.

- Also called: Dark purple, purple and lavender angular gradient
- Seed: `kaYCPgvR2_kuvP7cLkAaxg_d4WvdCEkAg`
- Page: https://grabient.com/kaYCPgvR2_kuvP7cLkAaxg_d4WvdCEkAg?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, muted, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#4c3a53` | `oklch(37.80% 0.0482 315.70)` | Purple Velvet | white, 10.3 to 1 |
| 2 | `#503d59` | `oklch(39.11% 0.0523 315.27)` | Powerful Mauve | white, 9.7 to 1 |
| 3 | `#564160` | `oklch(40.96% 0.0579 314.66)` | Navy Cosmos | white, 9 to 1 |
| 4 | `#5d4569` | `oklch(43.13% 0.0647 313.95)` | Velvet Beret | white, 8.3 to 1 |
| 5 | `#654a73` | `oklch(45.44% 0.0722 313.24)` | Clary | white, 7.5 to 1 |
| 6 | `#6c4f7d` | `oklch(47.68% 0.0800 312.62)` | Exotic Purple | white, 6.8 to 1 |
| 7 | `#745387` | `oklch(49.79% 0.0888 312.10)` | Ninja Princess | white, 6.3 to 1 |
| 8 | `#7c5792` | `oklch(51.93% 0.0994 311.58)` | Purple Tanzanite | white, 5.7 to 1 |
| 9 | `#845b9e` | `oklch(54.12% 0.1104 311.10)` | Sonic Plum | white, 5.2 to 1 |
| 10 | `#8c5fa9` | `oklch(56.36% 0.1203 310.71)` | Chive Blossom | white, 4.8 to 1 |
| 11 | `#9464b4` | `oklch(58.67% 0.1278 310.46)` | Lusty Lavender | black, 4.7 to 1 |
| 12 | `#9c6bbe` | `oklch(61.06% 0.1321 310.44)` | Viola | black, 5.2 to 1 |
| 13 | `#a571c7` | `oklch(63.56% 0.1345 310.71)` | Rich Lavender | black, 5.7 to 1 |
| 14 | `#ad79cf` | `oklch(66.14% 0.1349 311.11)` | Lavender Blossom | black, 6.4 to 1 |
| 15 | `#b581d6` | `oklch(68.71% 0.1333 311.46)` | Lavender Blossom | black, 7 to 1 |
| 16 | `#bd8add` | `oklch(71.22% 0.1295 311.57)` | Luminous Lavender | black, 7.8 to 1 |
| 17 | `#c393e3` | `oklch(73.72% 0.1229 311.33)` | Bright Lavender | black, 8.5 to 1 |
| 18 | `#ca9ee7` | `oklch(76.62% 0.1117 311.05)` | Bright Ube | black, 9.5 to 1 |
| 19 | `#d0abeb` | `oklch(79.56% 0.0978 310.60)` | Petal Plush | black, 10.7 to 1 |
| 20 | `#d5b6ee` | `oklch(82.12% 0.0836 309.82)` | Pink Illusion | black, 11.7 to 1 |
| 21 | `#d7beee` | `oklch(83.82% 0.0716 308.51)` | Beefy Pink | black, 12.4 to 1 |
| 22 | `#d6c1ed` | `oklch(84.24% 0.0643 306.44)` | York Plum | black, 12.7 to 1 |
| 23 | `#d1c0ea` | `oklch(83.47% 0.0613 303.09)` | York Plum | black, 12.4 to 1 |
| 24 | `#c8bbe6` | `oklch(81.79% 0.0609 298.95)` | Drifting Dream | black, 11.7 to 1 |
| 25 | `#beb5e0` | `oklch(79.42% 0.0618 294.73)` | Moonraker | black, 10.8 to 1 |
| 26 | `#b3acd8` | `oklch(76.58% 0.0625 291.19)` | Purple Hibiscus | black, 9.8 to 1 |
| 27 | `#a7a3ce` | `oklch(73.47% 0.0617 289.05)` | Puturple | black, 8.8 to 1 |
| 28 | `#9a97c0` | `oklch(69.40% 0.0595 288.44)` | Lavender Bonnet | black, 7.5 to 1 |
| 29 | `#8c88af` | `oklch(64.48% 0.0568 288.86)` | Larkspur Violet | black, 6.2 to 1 |
| 30 | `#7e7a9d` | `oklch(59.44% 0.0539 289.81)` | Grape Jam | black, 5.1 to 1 |
| 31 | `#716d8e` | `oklch(55.03% 0.0514 290.82)` | Bureaucracy | white, 4.9 to 1 |
| 32 | `#696484` | `oklch(51.97% 0.0496 291.40)` | Purple Gumball | white, 5.5 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #4c3a53 0.0%, #503d59 3.2%, #564160 6.5%, #5d4569 9.7%, #654a73 12.9%, #6c4f7d 16.1%, #745387 19.4%, #7c5792 22.6%, #845b9e 25.8%, #8c5fa9 29.0%, #9464b4 32.3%, #9c6bbe 35.5%, #a571c7 38.7%, #ad79cf 41.9%, #b581d6 45.2%, #bd8add 48.4%, #c393e3 51.6%, #ca9ee7 54.8%, #d0abeb 58.1%, #d5b6ee 61.3%, #d7beee 64.5%, #d6c1ed 67.7%, #d1c0ea 71.0%, #c8bbe6 74.2%, #beb5e0 77.4%, #b3acd8 80.6%, #a7a3ce 83.9%, #9a97c0 87.1%, #8c88af 90.3%, #7e7a9d 93.5%, #716d8e 96.8%, #696484 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(37.80% 0.0482 315.70) 0.0%, oklch(39.11% 0.0523 315.27) 3.2%, oklch(40.96% 0.0579 314.66) 6.5%, oklch(43.13% 0.0647 313.95) 9.7%, oklch(45.44% 0.0722 313.24) 12.9%, oklch(47.68% 0.0800 312.62) 16.1%, oklch(49.79% 0.0888 312.10) 19.4%, oklch(51.93% 0.0994 311.58) 22.6%, oklch(54.12% 0.1104 311.10) 25.8%, oklch(56.36% 0.1203 310.71) 29.0%, oklch(58.67% 0.1278 310.46) 32.3%, oklch(61.06% 0.1321 310.44) 35.5%, oklch(63.56% 0.1345 310.71) 38.7%, oklch(66.14% 0.1349 311.11) 41.9%, oklch(68.71% 0.1333 311.46) 45.2%, oklch(71.22% 0.1295 311.57) 48.4%, oklch(73.72% 0.1229 311.33) 51.6%, oklch(76.62% 0.1117 311.05) 54.8%, oklch(79.56% 0.0978 310.60) 58.1%, oklch(82.12% 0.0836 309.82) 61.3%, oklch(83.82% 0.0716 308.51) 64.5%, oklch(84.24% 0.0643 306.44) 67.7%, oklch(83.47% 0.0613 303.09) 71.0%, oklch(81.79% 0.0609 298.95) 74.2%, oklch(79.42% 0.0618 294.73) 77.4%, oklch(76.58% 0.0625 291.19) 80.6%, oklch(73.47% 0.0617 289.05) 83.9%, oklch(69.40% 0.0595 288.44) 87.1%, oklch(64.48% 0.0568 288.86) 90.3%, oklch(59.44% 0.0539 289.81) 93.5%, oklch(55.03% 0.0514 290.82) 96.8%, oklch(51.97% 0.0496 291.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.048 | 315.7 |
| 2 | 0.48 | 0.081 | 312.5 |
| 3 | 0.594 | 0.13 | 310.4 |
| 4 | 0.724 | 0.127 | 311.5 |
| 5 | 0.843 | 0.066 | 307.2 |
| 6 | 0.74 | 0.062 | 289.3 |
| 7 | 0.52 | 0.05 | 291.4 |

## In these collections

- [Lavender](https://grabient.com/lavender)

## Other forms

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