# Rose, violet and navy color palette

The Rose, violet and navy color palette brings together magenta, purple, blue, and dark blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is magenta.

- Also called: Pink, purple and navy linear gradient
- Seed: `kUoFf5QTa8TM2vClKDxg`
- Page: https://grabient.com/kUoFf5QTa8TM2vClKDxg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#be6993` | `oklch(62.99% 0.1199 350.16)` | Pinky Pickle | black, 5.6 to 1 |
| 2 | `#bc6693` | `oklch(62.31% 0.1217 348.40)` | Malevolent Mauve | black, 5.4 to 1 |
| 3 | `#b96394` | `oklch(61.44% 0.1243 346.17)` | Spring Crocus | black, 5.2 to 1 |
| 4 | `#b56095` | `oklch(60.40% 0.1274 343.53)` | Spruce Tree Flower | black, 5 to 1 |
| 5 | `#b05c95` | `oklch(59.24% 0.1308 340.57)` | Spruce Tree Flower | black, 4.8 to 1 |
| 6 | `#ab5896` | `oklch(57.99% 0.1344 337.37)` | Brilliant Carmine | white, 4.6 to 1 |
| 7 | `#a65398` | `oklch(56.68% 0.1381 334.00)` | Plum Dust | white, 4.8 to 1 |
| 8 | `#a04f99` | `oklch(55.35% 0.1416 330.55)` | Hyacinth Violet | white, 5.1 to 1 |
| 9 | `#994c9a` | `oklch(54.03% 0.1448 327.11)` | Hyacinth Violet | white, 5.4 to 1 |
| 10 | `#93489b` | `oklch(52.75% 0.1475 323.74)` | Vicious Violet | white, 5.7 to 1 |
| 11 | `#8d459b` | `oklch(51.56% 0.1497 320.53)` | Murasaki Purple | white, 6 to 1 |
| 12 | `#87439c` | `oklch(50.45% 0.1511 317.49)` | Purple Pleasures | white, 6.3 to 1 |
| 13 | `#80409c` | `oklch(49.36% 0.1524 314.43)` | Cadmium Violet | white, 6.6 to 1 |
| 14 | `#7a3e9c` | `oklch(48.28% 0.1533 311.35)` | Cadmium Violet | white, 6.9 to 1 |
| 15 | `#743c9c` | `oklch(47.21% 0.1541 308.25)` | Shiner | white, 7.3 to 1 |
| 16 | `#6d3a9c` | `oklch(46.15% 0.1545 305.15)` | Poppy Pompadour | white, 7.6 to 1 |
| 17 | `#67399b` | `oklch(45.09% 0.1546 302.04)` | Purple Heart | white, 7.9 to 1 |
| 18 | `#60379a` | `oklch(44.04% 0.1544 298.94)` | Rebecca Purple | white, 8.3 to 1 |
| 19 | `#593699` | `oklch(42.98% 0.1538 295.87)` | Ruthless Empress | white, 8.7 to 1 |
| 20 | `#533597` | `oklch(41.93% 0.1528 292.81)` | Blue Magenta Violet | white, 9 to 1 |
| 21 | `#4c3394` | `oklch(40.87% 0.1514 289.80)` | Royal Wisteria | white, 9.4 to 1 |
| 22 | `#453291` | `oklch(39.80% 0.1495 286.81)` | Galactic Purple | white, 9.8 to 1 |
| 23 | `#3e318e` | `oklch(38.66% 0.1467 283.67)` | Majestic Eggplant | white, 10.3 to 1 |
| 24 | `#373089` | `oklch(37.45% 0.1431 280.40)` | Perfect Dark | white, 10.7 to 1 |
| 25 | `#2f2f84` | `oklch(36.21% 0.1389 277.06)` | Cosmic Cobalt | white, 11.2 to 1 |
| 26 | `#282e7f` | `oklch(34.97% 0.1342 273.74)` | Deep Space Royal | white, 11.7 to 1 |
| 27 | `#202d79` | `oklch(33.76% 0.1294 270.50)` | St. Patrick’s Blue | white, 12.2 to 1 |
| 28 | `#192c73` | `oklch(32.60% 0.1246 267.42)` | St. Patrick’s Blue | white, 12.7 to 1 |
| 29 | `#122b6d` | `oklch(31.53% 0.1201 264.58)` | Blue Jinn’s | white, 13.2 to 1 |
| 30 | `#0a2a68` | `oklch(30.57% 0.1161 262.05)` | Deep Sea Dream | white, 13.6 to 1 |
| 31 | `#042964` | `oklch(29.77% 0.1127 259.91)` | Blue Leviathan | white, 13.9 to 1 |
| 32 | `#002861` | `oklch(29.14% 0.1095 258.33)` | Blue Leviathan | white, 14.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #be6993 0.0%, #bc6693 3.2%, #b96394 6.5%, #b56095 9.7%, #b05c95 12.9%, #ab5896 16.1%, #a65398 19.4%, #a04f99 22.6%, #994c9a 25.8%, #93489b 29.0%, #8d459b 32.3%, #87439c 35.5%, #80409c 38.7%, #7a3e9c 41.9%, #743c9c 45.2%, #6d3a9c 48.4%, #67399b 51.6%, #60379a 54.8%, #593699 58.1%, #533597 61.3%, #4c3394 64.5%, #453291 67.7%, #3e318e 71.0%, #373089 74.2%, #2f2f84 77.4%, #282e7f 80.6%, #202d79 83.9%, #192c73 87.1%, #122b6d 90.3%, #0a2a68 93.5%, #042964 96.8%, #002861 100.0%);
background: linear-gradient(135deg in oklch, oklch(62.99% 0.1199 350.16) 0.0%, oklch(62.31% 0.1217 348.40) 3.2%, oklch(61.44% 0.1243 346.17) 6.5%, oklch(60.40% 0.1274 343.53) 9.7%, oklch(59.24% 0.1308 340.57) 12.9%, oklch(57.99% 0.1344 337.37) 16.1%, oklch(56.68% 0.1381 334.00) 19.4%, oklch(55.35% 0.1416 330.55) 22.6%, oklch(54.03% 0.1448 327.11) 25.8%, oklch(52.75% 0.1475 323.74) 29.0%, oklch(51.56% 0.1497 320.53) 32.3%, oklch(50.45% 0.1511 317.49) 35.5%, oklch(49.36% 0.1524 314.43) 38.7%, oklch(48.28% 0.1533 311.35) 41.9%, oklch(47.21% 0.1541 308.25) 45.2%, oklch(46.15% 0.1545 305.15) 48.4%, oklch(45.09% 0.1546 302.04) 51.6%, oklch(44.04% 0.1544 298.94) 54.8%, oklch(42.98% 0.1538 295.87) 58.1%, oklch(41.93% 0.1528 292.81) 61.3%, oklch(40.87% 0.1514 289.80) 64.5%, oklch(39.80% 0.1495 286.81) 67.7%, oklch(38.66% 0.1467 283.67) 71.0%, oklch(37.45% 0.1431 280.40) 74.2%, oklch(36.21% 0.1389 277.06) 77.4%, oklch(34.97% 0.1342 273.74) 80.6%, oklch(33.76% 0.1294 270.50) 83.9%, oklch(32.60% 0.1246 267.42) 87.1%, oklch(31.53% 0.1201 264.58) 90.3%, oklch(30.57% 0.1161 262.05) 93.5%, oklch(29.77% 0.1127 259.91) 96.8%, oklch(29.14% 0.1095 258.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.12 | 350.2 |
| 2 | 0.512 | 0.15 | 319.5 |
| 3 | 0.402 | 0.15 | 287.8 |
| 4 | 0.291 | 0.11 | 258.2 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)
- [Sky](https://grabient.com/sky)

## Other forms

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