# Stone, violet and indigo purple palette

The Stone, violet and indigo purple palette brings together light gray, purple, and blue. 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 blue, and its lightest tone is light gray.

- Also called: Analogous gray, purple and blue linear swatches
- Seed: `kU4BHm1EE9r7PvqrO75g`
- Page: https://grabient.com/kU4BHm1EE9r7PvqrO75g?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.7 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 | `#e0d3e1` | `oklch(88.19% 0.0234 324.14)` | Purplish White | black, 14.5 to 1 |
| 2 | `#dbc0e1` | `oklch(84.11% 0.0541 320.52)` | Sky Blue Pink | black, 12.6 to 1 |
| 3 | `#d0a5e4` | `oklch(78.22% 0.0988 315.29)` | Tropical Violet | black, 10.1 to 1 |
| 4 | `#bf89e7` | `oklch(71.81% 0.1447 309.73)` | Luminous Lavender | black, 7.9 to 1 |
| 5 | `#ad71e9` | `oklch(66.14% 0.1791 305.12)` | Queer Purple | black, 6.2 to 1 |
| 6 | `#9c5ee6` | `oklch(61.51% 0.1995 301.93)` | Lavender Indigo | black, 5.1 to 1 |
| 7 | `#8d4ee0` | `oklch(57.26% 0.2123 299.44)` | Gloomy Purple | white, 4.8 to 1 |
| 8 | `#7e40d8` | `oklch(53.21% 0.2185 297.14)` | Hokkaido Lavender | white, 5.8 to 1 |
| 9 | `#6f33cd` | `oklch(49.21% 0.2191 294.55)` | Sagat Purple | white, 6.9 to 1 |
| 10 | `#5d29bd` | `oklch(44.90% 0.2107 291.23)` | Rabbit-Ear Iris | white, 8.3 to 1 |
| 11 | `#4b24a9` | `oklch(40.48% 0.1940 287.55)` | Blue Violet | white, 9.9 to 1 |
| 12 | `#3b2095` | `oklch(36.58% 0.1761 284.20)` | Gentian Blue | white, 11.4 to 1 |
| 13 | `#311d87` | `oklch(33.86% 0.1640 281.87)` | Indiglow | white, 12.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e0d3e1 0.000% 7.692%, #dbc0e1 7.692% 15.385%, #d0a5e4 15.385% 23.077%, #bf89e7 23.077% 30.769%, #ad71e9 30.769% 38.462%, #9c5ee6 38.462% 46.154%, #8d4ee0 46.154% 53.846%, #7e40d8 53.846% 61.538%, #6f33cd 61.538% 69.231%, #5d29bd 69.231% 76.923%, #4b24a9 76.923% 84.615%, #3b2095 84.615% 92.308%, #311d87 92.308% 100.000%);
background: linear-gradient(90deg, oklch(88.19% 0.0234 324.14) 0.000% 7.692%, oklch(84.11% 0.0541 320.52) 7.692% 15.385%, oklch(78.22% 0.0988 315.29) 15.385% 23.077%, oklch(71.81% 0.1447 309.73) 23.077% 30.769%, oklch(66.14% 0.1791 305.12) 30.769% 38.462%, oklch(61.51% 0.1995 301.93) 38.462% 46.154%, oklch(57.26% 0.2123 299.44) 46.154% 53.846%, oklch(53.21% 0.2185 297.14) 53.846% 61.538%, oklch(49.21% 0.2191 294.55) 61.538% 69.231%, oklch(44.90% 0.2107 291.23) 69.231% 76.923%, oklch(40.48% 0.1940 287.55) 76.923% 84.615%, oklch(36.58% 0.1761 284.20) 84.615% 92.308%, oklch(33.86% 0.1640 281.87) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.023 | 324.1 |
| 2 | 0.661 | 0.179 | 305.1 |
| 3 | 0.492 | 0.219 | 294.6 |
| 4 | 0.339 | 0.164 | 281.9 |

## In these collections

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

## Other forms

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