# Violet and rose color palette

The Violet and rose color palette brings together purple and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is magenta.

- Also called: Monochrome purple linear swatches
- Seed: `kYalzSPby_sc6v_FysGR0jBkyyQo`
- Page: https://grabient.com/kYalzSPby_sc6v_FysGR0jBkyyQo?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#533a89` | `oklch(41.73% 0.1268 295.31)` | Blue Gem | white, 9 to 1 |
| 2 | `#5a3d98` | `oklch(44.01% 0.1429 294.47)` | Daisy Bush | white, 8.2 to 1 |
| 3 | `#6242ac` | `oklch(47.19% 0.1622 293.45)` | Swiss Plum | white, 7.2 to 1 |
| 4 | `#6b4bba` | `oklch(50.44% 0.1674 292.73)` | Waiporoporo Purple | white, 6.3 to 1 |
| 5 | `#7357c3` | `oklch(54.02% 0.1611 292.10)` | Fuchsia Blue | white, 5.3 to 1 |
| 6 | `#7c5cca` | `oklch(56.10% 0.1633 293.86)` | Fuchsia Blue | white, 4.9 to 1 |
| 7 | `#8552ce` | `oklch(55.71% 0.1833 299.21)` | Fuchsia Blue | white, 5.1 to 1 |
| 8 | `#8f44cc` | `oklch(54.77% 0.2032 305.75)` | Dreamscape Purple | white, 5.4 to 1 |
| 9 | `#983ec8` | `oklch(54.83% 0.2092 311.20)` | Purple Vanity | white, 5.4 to 1 |
| 10 | `#a03dc0` | `oklch(55.33% 0.2063 316.65)` | Akebi Purple | white, 5.3 to 1 |
| 11 | `#aa43b4` | `oklch(56.50% 0.1920 324.14)` | Vivid Fuchsia | white, 5 to 1 |
| 12 | `#b350a2` | `oklch(58.58% 0.1621 334.76)` | Safflower Purple | black, 4.6 to 1 |
| 13 | `#b75c97` | `oklch(60.24% 0.1378 342.87)` | Spruce Tree Flower | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #533a89 0.000% 7.692%, #5a3d98 7.692% 15.385%, #6242ac 15.385% 23.077%, #6b4bba 23.077% 30.769%, #7357c3 30.769% 38.462%, #7c5cca 38.462% 46.154%, #8552ce 46.154% 53.846%, #8f44cc 53.846% 61.538%, #983ec8 61.538% 69.231%, #a03dc0 69.231% 76.923%, #aa43b4 76.923% 84.615%, #b350a2 84.615% 92.308%, #b75c97 92.308% 100.000%);
background: linear-gradient(90deg, oklch(41.73% 0.1268 295.31) 0.000% 7.692%, oklch(44.01% 0.1429 294.47) 7.692% 15.385%, oklch(47.19% 0.1622 293.45) 15.385% 23.077%, oklch(50.44% 0.1674 292.73) 23.077% 30.769%, oklch(54.02% 0.1611 292.10) 30.769% 38.462%, oklch(56.10% 0.1633 293.86) 38.462% 46.154%, oklch(55.71% 0.1833 299.21) 46.154% 53.846%, oklch(54.77% 0.2032 305.75) 53.846% 61.538%, oklch(54.83% 0.2092 311.20) 61.538% 69.231%, oklch(55.33% 0.2063 316.65) 69.231% 76.923%, oklch(56.50% 0.1920 324.14) 76.923% 84.615%, oklch(58.58% 0.1621 334.76) 84.615% 92.308%, oklch(60.24% 0.1378 342.87) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.127 | 295.3 |
| 2 | 0.484 | 0.167 | 293.2 |
| 3 | 0.559 | 0.161 | 293.2 |
| 4 | 0.547 | 0.205 | 306.9 |
| 5 | 0.559 | 0.2 | 320.7 |
| 6 | 0.602 | 0.138 | 342.9 |

## In these collections

- [Purple swatches](https://grabient.com/purple-swatches)
- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)
- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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