# Near-black and aubergine violet palette

The Near-black and aubergine violet palette brings together dark magenta, dark purple, and purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is purple.

- Also called: Monochrome black and purple linear swatches
- Seed: `kSLiznJSS-zQvPs`
- Page: https://grabient.com/kSLiznJSS-zQvPs?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#1e0620` | `oklch(18.11% 0.0606 324.84)` | Meški Black | white, 19 to 1 |
| 2 | `#3e174d` | `oklch(29.13% 0.1006 315.33)` | Obsidian Orchid | white, 14.6 to 1 |
| 3 | `#5c3281` | `oklch(40.94% 0.1295 305.82)` | Deep Amethyst | white, 9.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1e0620 0.000% 33.333%, #3e174d 33.333% 66.667%, #5c3281 66.667% 100.000%);
background: linear-gradient(90deg, oklch(18.11% 0.0606 324.84) 0.000% 33.333%, oklch(29.13% 0.1006 315.33) 33.333% 66.667%, oklch(40.94% 0.1295 305.82) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.061 | 324.8 |
| 2 | 0.291 | 0.101 | 315.3 |
| 3 | 0.409 | 0.13 | 305.8 |

## In these collections

- [Violet swatches](https://grabient.com/violet-swatches)

## Other forms

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