# Dusty Garden Watercolor

The Mauve and coral color palette brings together magenta, green, blue, and light red. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light red.

- Also called: Lavender, gray, blue and pink linear gradient
- Seed: `kUpzHn2pNUE6U0PjlkvA`
- Page: https://grabient.com/kUpzHn2pNUE6U0PjlkvA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#a783a8` | `oklch(65.75% 0.0675 325.55)` | Baroness | black, 6.4 to 1 |
| 2 | `#ad83a3` | `oklch(66.13% 0.0666 335.41)` | Wilhelminian Pink | black, 6.5 to 1 |
| 3 | `#b3849b` | `oklch(66.69% 0.0652 348.17)` | Heather Violet | black, 6.7 to 1 |
| 4 | `#b98692` | `oklch(67.39% 0.0637 3.29)` | Berry Blush | black, 6.9 to 1 |
| 5 | `#bc8a89` | `oklch(68.17% 0.0619 20.25)` | Shabby Chic | black, 7.1 to 1 |
| 6 | `#bd8f80` | `oklch(68.96% 0.0600 38.50)` | Foxen | black, 7.3 to 1 |
| 7 | `#ba957a` | `oklch(69.72% 0.0581 57.52)` | Cool Clay | black, 7.6 to 1 |
| 8 | `#b49c78` | `oklch(70.39% 0.0564 76.76)` | King’s Ransom | black, 7.9 to 1 |
| 9 | `#aba27b` | `oklch(70.92% 0.0548 95.70)` | Fond of Fronds | black, 8.1 to 1 |
| 10 | `#a1a680` | `oklch(71.24% 0.0535 113.79)` | Locust | black, 8.3 to 1 |
| 11 | `#97aa87` | `oklch(71.31% 0.0526 130.51)` | Banyan Serenity | black, 8.3 to 1 |
| 12 | `#8dab8e` | `oklch(71.02% 0.0521 145.79)` | Fluorine | black, 8.3 to 1 |
| 13 | `#83aa95` | `oklch(70.30% 0.0519 160.84)` | Catnip | black, 8.1 to 1 |
| 14 | `#7aa79b` | `oklch(69.24% 0.0521 175.72)` | Twining Vine | black, 7.8 to 1 |
| 15 | `#72a39f` | `oklch(67.96% 0.0524 190.39)` | Catalina | black, 7.4 to 1 |
| 16 | `#6d9ea3` | `oklch(66.56% 0.0529 204.81)` | Voyage | black, 7 to 1 |
| 17 | `#6a98a6` | `oklch(65.15% 0.0536 218.92)` | Flood Tide | black, 6.6 to 1 |
| 18 | `#6a92a8` | `oklch(63.85% 0.0542 232.68)` | Blue Cruise | black, 6.2 to 1 |
| 19 | `#6d8ca8` | `oklch(62.77% 0.0550 246.04)` | Scanda | black, 5.9 to 1 |
| 20 | `#7287a8` | `oklch(62.02% 0.0556 258.97)` | Enchanting Sky | black, 5.7 to 1 |
| 21 | `#7984a8` | `oklch(61.72% 0.0562 271.40)` | Enchanting Sky | black, 5.6 to 1 |
| 22 | `#8182a8` | `oklch(61.96% 0.0566 283.35)` | Roseine Plum | black, 5.6 to 1 |
| 23 | `#8b82a8` | `oklch(62.79% 0.0571 295.20)` | Fabulous Grape | black, 5.8 to 1 |
| 24 | `#9684a8` | `oklch(64.11% 0.0575 306.98)` | Purple Phantom | black, 6.1 to 1 |
| 25 | `#a187a9` | `oklch(65.80% 0.0580 318.53)` | Violet Eclipse | black, 6.5 to 1 |
| 26 | `#ad8ba9` | `oklch(67.75% 0.0584 329.69)` | Voila! | black, 7 to 1 |
| 27 | `#b890a9` | `oklch(69.84% 0.0589 340.30)` | Fabulous Fantasy | black, 7.5 to 1 |
| 28 | `#c296a9` | `oklch(71.95% 0.0593 350.22)` | Classy Mauve | black, 8.2 to 1 |
| 29 | `#cb9caa` | `oklch(73.98% 0.0597 359.28)` | Honey Pink | black, 8.8 to 1 |
| 30 | `#d3a1aa` | `oklch(75.79% 0.0601 7.34)` | Young at Heart | black, 9.4 to 1 |
| 31 | `#d9a6a9` | `oklch(77.29% 0.0604 14.22)` | Prom | black, 9.9 to 1 |
| 32 | `#ddaaa9` | `oklch(78.35% 0.0606 19.79)` | Peach Poppy | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #a783a8 0.0%, #ad83a3 3.2%, #b3849b 6.5%, #b98692 9.7%, #bc8a89 12.9%, #bd8f80 16.1%, #ba957a 19.4%, #b49c78 22.6%, #aba27b 25.8%, #a1a680 29.0%, #97aa87 32.3%, #8dab8e 35.5%, #83aa95 38.7%, #7aa79b 41.9%, #72a39f 45.2%, #6d9ea3 48.4%, #6a98a6 51.6%, #6a92a8 54.8%, #6d8ca8 58.1%, #7287a8 61.3%, #7984a8 64.5%, #8182a8 67.7%, #8b82a8 71.0%, #9684a8 74.2%, #a187a9 77.4%, #ad8ba9 80.6%, #b890a9 83.9%, #c296a9 87.1%, #cb9caa 90.3%, #d3a1aa 93.5%, #d9a6a9 96.8%, #ddaaa9 100.0%);
background: linear-gradient(180deg in oklch, oklch(65.75% 0.0675 325.55) 0.0%, oklch(66.13% 0.0666 335.41) 3.2%, oklch(66.69% 0.0652 348.17) 6.5%, oklch(67.39% 0.0637 3.29) 9.7%, oklch(68.17% 0.0619 20.25) 12.9%, oklch(68.96% 0.0600 38.50) 16.1%, oklch(69.72% 0.0581 57.52) 19.4%, oklch(70.39% 0.0564 76.76) 22.6%, oklch(70.92% 0.0548 95.70) 25.8%, oklch(71.24% 0.0535 113.79) 29.0%, oklch(71.31% 0.0526 130.51) 32.3%, oklch(71.02% 0.0521 145.79) 35.5%, oklch(70.30% 0.0519 160.84) 38.7%, oklch(69.24% 0.0521 175.72) 41.9%, oklch(67.96% 0.0524 190.39) 45.2%, oklch(66.56% 0.0529 204.81) 48.4%, oklch(65.15% 0.0536 218.92) 51.6%, oklch(63.85% 0.0542 232.68) 54.8%, oklch(62.77% 0.0550 246.04) 58.1%, oklch(62.02% 0.0556 258.97) 61.3%, oklch(61.72% 0.0562 271.40) 64.5%, oklch(61.96% 0.0566 283.35) 67.7%, oklch(62.79% 0.0571 295.20) 71.0%, oklch(64.11% 0.0575 306.98) 74.2%, oklch(65.80% 0.0580 318.53) 77.4%, oklch(67.75% 0.0584 329.69) 80.6%, oklch(69.84% 0.0589 340.30) 83.9%, oklch(71.95% 0.0593 350.22) 87.1%, oklch(73.98% 0.0597 359.28) 90.3%, oklch(75.79% 0.0601 7.34) 93.5%, oklch(77.29% 0.0604 14.22) 96.8%, oklch(78.35% 0.0606 19.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.068 | 325.5 |
| 2 | 0.713 | 0.052 | 495.7 |
| 3 | 0.618 | 0.056 | 639.4 |
| 4 | 0.783 | 0.061 | 739.8 |

## In these collections

- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)
- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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