# Violet and near-black shade palette

The Violet and near-black shade palette brings together purple and dark purple. 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 dark purple, and its lightest tone is purple.

- Also called: Monochrome purple and black linear swatches
- Seed: `kWnYrYQT2_7MxP-joL_kw6_4`
- Page: https://grabient.com/kWnYrYQT2_7MxP-joL_kw6_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.9 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 | `#9f61e1` | `oklch(61.81% 0.1902 303.75)` | Legendary Lavender | black, 5.2 to 1 |
| 2 | `#7c46b4` | `oklch(51.18% 0.1695 303.75)` | Harley Hair Purple | white, 6.1 to 1 |
| 3 | `#582f82` | `oklch(40.16% 0.1350 303.75)` | Deep Amethyst | white, 9.7 to 1 |
| 4 | `#331a4c` | `oklch(27.95% 0.0896 303.75)` | Russian Violet | white, 15 to 1 |
| 5 | `#0f0619` | `oklch(14.96% 0.0400 303.75)` | Not Tonight | white, 19.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9f61e1 0.000% 20.000%, #7c46b4 20.000% 40.000%, #582f82 40.000% 60.000%, #331a4c 60.000% 80.000%, #0f0619 80.000% 100.000%);
background: linear-gradient(90deg, oklch(61.81% 0.1902 303.75) 0.000% 20.000%, oklch(51.18% 0.1695 303.75) 20.000% 40.000%, oklch(40.16% 0.1350 303.75) 40.000% 60.000%, oklch(27.95% 0.0896 303.75) 60.000% 80.000%, oklch(14.96% 0.0400 303.75) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.19 | 303.8 |
| 2 | 0.512 | 0.169 | 303.8 |
| 3 | 0.402 | 0.135 | 303.8 |
| 4 | 0.28 | 0.09 | 303.8 |
| 5 | 0.15 | 0.04 | 303.8 |

## In these collections

- [Shade swatches](https://grabient.com/shade-swatches)

## Other forms

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