# Violet color palette

The Violet color palette brings together purple, magenta, and light magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is light magenta.

- Also called: Vivid analogous purple and pink angular swatches
- Seed: `kWYWfZPURA8zLwNeS0Ea7W_4`
- Page: https://grabient.com/kWYWfZPURA8zLwNeS0Ea7W_4?style=angularSwatches&steps=8&angle=0
- Drawn as: angular swatches, 8 steps, 0 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.3 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 | `#55277e` | `oklch(38.19% 0.1419 305.16)` | Regalia | white, 10.6 to 1 |
| 2 | `#6b2a93` | `oklch(43.13% 0.1673 309.62)` | Queens of the Dead | white, 8.8 to 1 |
| 3 | `#8932ab` | `oklch(49.64% 0.1918 314.70)` | Pleasant Purple | white, 6.7 to 1 |
| 4 | `#a641c0` | `oklch(56.57% 0.2045 318.77)` | Fuchsia Pheromone | white, 5 to 1 |
| 5 | `#c754d3` | `oklch(64.15% 0.2110 323.85)` | Thick Pink | black, 5.6 to 1 |
| 6 | `#ea6be3` | `oklch(72.20% 0.2101 329.64)` | Pink Ping | black, 7.7 to 1 |
| 7 | `#fd8cf0` | `oklch(79.35% 0.1822 331.18)` | Luminescent Pink | black, 10.1 to 1 |
| 8 | `#ffabf6` | `oklch(84.64% 0.1356 330.51)` | Pink Wink | black, 12.4 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #55277e 0.000% 12.500%, #6b2a93 12.500% 25.000%, #8932ab 25.000% 37.500%, #a641c0 37.500% 50.000%, #c754d3 50.000% 62.500%, #ea6be3 62.500% 75.000%, #fd8cf0 75.000% 87.500%, #ffabf6 87.500% 100.000%);
background: conic-gradient(from 0deg, oklch(38.19% 0.1419 305.16) 0.000% 12.500%, oklch(43.13% 0.1673 309.62) 12.500% 25.000%, oklch(49.64% 0.1918 314.70) 25.000% 37.500%, oklch(56.57% 0.2045 318.77) 37.500% 50.000%, oklch(64.15% 0.2110 323.85) 50.000% 62.500%, oklch(72.20% 0.2101 329.64) 62.500% 75.000%, oklch(79.35% 0.1822 331.18) 75.000% 87.500%, oklch(84.64% 0.1356 330.51) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.142 | 305.2 |
| 2 | 0.48 | 0.187 | 313.6 |
| 3 | 0.602 | 0.208 | 321 |
| 4 | 0.74 | 0.207 | 330.5 |
| 5 | 0.846 | 0.147 | 330.5 |

## In these collections

- [Purple swatches](https://grabient.com/purple-swatches)
- [Tint swatches](https://grabient.com/tint-swatches)

## Other forms

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