# Dusty Orchid Passage

The Blue blue and mauve palette brings together blue, magenta, and purple. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is magenta.

- Also called: Analogous navy, purple and gray linear gradient
- Seed: `kUVjC42JdIsISO_DkTuA`
- Page: https://grabient.com/kUVjC42JdIsISO_DkTuA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#223759` | `oklch(33.86% 0.0661 259.45)` | Navy Peony | white, 11.8 to 1 |
| 2 | `#2c3d60` | `oklch(36.14% 0.0660 264.15)` | Blue Depths | white, 10.8 to 1 |
| 3 | `#39446a` | `oklch(39.35% 0.0659 270.74)` | Port Gore | white, 9.5 to 1 |
| 4 | `#484d74` | `oklch(43.24% 0.0659 278.74)` | Skipper Blue | white, 8.1 to 1 |
| 5 | `#5a5780` | `oklch(47.58% 0.0658 287.66)` | Aurora Splendour | white, 6.7 to 1 |
| 6 | `#6d618b` | `oklch(52.12% 0.0657 296.99)` | Posy Purple | white, 5.6 to 1 |
| 7 | `#806c95` | `oklch(56.62% 0.0655 306.25)` | Ornate | white, 4.6 to 1 |
| 8 | `#92779e` | `oklch(60.83% 0.0652 314.93)` | Vestige | black, 5.3 to 1 |
| 9 | `#a181a5` | `oklch(64.51% 0.0648 322.56)` | Regal Orchid | black, 6.1 to 1 |
| 10 | `#ad89aa` | `oklch(67.42% 0.0643 328.62)` | Voila! | black, 6.9 to 1 |
| 11 | `#b58eae` | `oklch(69.32% 0.0636 332.63)` | Tiny Ribbons | black, 7.4 to 1 |
| 12 | `#b790af` | `oklch(70.02% 0.0628 334.29)` | Tiny Ribbons | black, 7.6 to 1 |
| 13 | `#b68fad` | `oklch(69.66% 0.0617 334.12)` | Tiny Ribbons | black, 7.5 to 1 |
| 14 | `#b18caa` | `oklch(68.45% 0.0603 332.43)` | Fashionably Plum | black, 7.2 to 1 |
| 15 | `#a987a6` | `oklch(66.59% 0.0589 329.52)` | Dusty Lavender | black, 6.7 to 1 |
| 16 | `#a081a0` | `oklch(64.26% 0.0573 325.65)` | Pink Plumeria | black, 6.1 to 1 |
| 17 | `#957b9a` | `oklch(61.68% 0.0557 321.12)` | Wildflower | black, 5.5 to 1 |
| 18 | `#8a7493` | `oklch(59.03% 0.0541 316.22)` | Self Powered | black, 4.9 to 1 |
| 19 | `#806d8d` | `oklch(56.52% 0.0527 311.22)` | Grey Purple | white, 4.6 to 1 |
| 20 | `#776888` | `oklch(54.34% 0.0513 306.42)` | Amethyst Gem | white, 5 to 1 |
| 21 | `#706483` | `oklch(52.68% 0.0502 302.09)` | Posy Purple | white, 5.4 to 1 |
| 22 | `#6c6281` | `oklch(51.72% 0.0493 298.45)` | Purple Gumball | white, 5.6 to 1 |
| 23 | `#686180` | `oklch(51.20% 0.0487 294.72)` | Purple Gumball | white, 5.7 to 1 |
| 24 | `#666180` | `oklch(50.98% 0.0482 290.74)` | Purple Gumball | white, 5.8 to 1 |
| 25 | `#646281` | `oklch(50.99% 0.0478 286.61)` | Pharaoh Purple | white, 5.8 to 1 |
| 26 | `#626482` | `oklch(51.19% 0.0475 282.44)` | Purple Daze | white, 5.7 to 1 |
| 27 | `#616583` | `oklch(51.51% 0.0473 278.33)` | Purple Daze | white, 5.6 to 1 |
| 28 | `#606784` | `oklch(51.91% 0.0472 274.40)` | Spaceman | white, 5.5 to 1 |
| 29 | `#5f6986` | `oklch(52.33% 0.0471 270.75)` | Grape Haze | white, 5.4 to 1 |
| 30 | `#5f6a87` | `oklch(52.71% 0.0470 267.50)` | Grape Haze | white, 5.3 to 1 |
| 31 | `#5e6c88` | `oklch(53.00% 0.0470 264.76)` | Dangerously Elegant | white, 5.2 to 1 |
| 32 | `#5e6d88` | `oklch(53.15% 0.0469 262.62)` | Clooney | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #223759 0.0%, #2c3d60 3.2%, #39446a 6.5%, #484d74 9.7%, #5a5780 12.9%, #6d618b 16.1%, #806c95 19.4%, #92779e 22.6%, #a181a5 25.8%, #ad89aa 29.0%, #b58eae 32.3%, #b790af 35.5%, #b68fad 38.7%, #b18caa 41.9%, #a987a6 45.2%, #a081a0 48.4%, #957b9a 51.6%, #8a7493 54.8%, #806d8d 58.1%, #776888 61.3%, #706483 64.5%, #6c6281 67.7%, #686180 71.0%, #666180 74.2%, #646281 77.4%, #626482 80.6%, #616583 83.9%, #606784 87.1%, #5f6986 90.3%, #5f6a87 93.5%, #5e6c88 96.8%, #5e6d88 100.0%);
background: linear-gradient(135deg in oklch, oklch(33.86% 0.0661 259.45) 0.0%, oklch(36.14% 0.0660 264.15) 3.2%, oklch(39.35% 0.0659 270.74) 6.5%, oklch(43.24% 0.0659 278.74) 9.7%, oklch(47.58% 0.0658 287.66) 12.9%, oklch(52.12% 0.0657 296.99) 16.1%, oklch(56.62% 0.0655 306.25) 19.4%, oklch(60.83% 0.0652 314.93) 22.6%, oklch(64.51% 0.0648 322.56) 25.8%, oklch(67.42% 0.0643 328.62) 29.0%, oklch(69.32% 0.0636 332.63) 32.3%, oklch(70.02% 0.0628 334.29) 35.5%, oklch(69.66% 0.0617 334.12) 38.7%, oklch(68.45% 0.0603 332.43) 41.9%, oklch(66.59% 0.0589 329.52) 45.2%, oklch(64.26% 0.0573 325.65) 48.4%, oklch(61.68% 0.0557 321.12) 51.6%, oklch(59.03% 0.0541 316.22) 54.8%, oklch(56.52% 0.0527 311.22) 58.1%, oklch(54.34% 0.0513 306.42) 61.3%, oklch(52.68% 0.0502 302.09) 64.5%, oklch(51.72% 0.0493 298.45) 67.7%, oklch(51.20% 0.0487 294.72) 71.0%, oklch(50.98% 0.0482 290.74) 74.2%, oklch(50.99% 0.0478 286.61) 77.4%, oklch(51.19% 0.0475 282.44) 80.6%, oklch(51.51% 0.0473 278.33) 83.9%, oklch(51.91% 0.0472 274.40) 87.1%, oklch(52.33% 0.0471 270.75) 90.3%, oklch(52.71% 0.0470 267.50) 93.5%, oklch(53.00% 0.0470 264.76) 96.8%, oklch(53.15% 0.0469 262.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.066 | 259.5 |
| 2 | 0.697 | 0.063 | 333.4 |
| 3 | 0.52 | 0.05 | 299.6 |
| 4 | 0.531 | 0.047 | 262.6 |

## In these collections

- [Blue and mauve gradients](https://grabient.com/blue-and-mauve-gradients)

## Other forms

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