# Mauve, sage and terracotta southern spring rain

The Mauve, sage and terracotta southern spring rain brings together magenta, blue, teal, green, yellow, and light orange. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Muted rainbow from dark purple to tan linear gradient
- Seed: `kaWCPpqBQ4rMRudFF7lVZy8l0ZPBZlbng`
- Page: https://grabient.com/kaWCPpqBQ4rMRudFF7lVZy8l0ZPBZlbng?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.5 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 | `#473046` | `oklch(34.65% 0.0482 328.36)` | Purple Pennant | white, 11.7 to 1 |
| 2 | `#443048` | `oklch(34.06% 0.0493 320.21)` | Acai Berry | white, 11.9 to 1 |
| 3 | `#3d2e4a` | `oklch(33.11% 0.0510 308.65)` | Jagger | white, 12.4 to 1 |
| 4 | `#352d4b` | `oklch(32.14% 0.0529 295.23)` | Obsidian Lava Black | white, 12.8 to 1 |
| 5 | `#2d2e4c` | `oklch(31.47% 0.0544 281.47)` | Tropical Night Blue | white, 13 to 1 |
| 6 | `#26304d` | `oklch(31.42% 0.0551 268.93)` | Blue Lobelia | white, 13 to 1 |
| 7 | `#21344f` | `oklch(32.16% 0.0545 258.22)` | Blue Lobelia | white, 12.6 to 1 |
| 8 | `#1f3951` | `oklch(33.47% 0.0527 248.16)` | Subterranean River | white, 11.9 to 1 |
| 9 | `#203f52` | `oklch(35.21% 0.0505 238.43)` | Asurmen Blue Wash | white, 11.1 to 1 |
| 10 | `#224555` | `oklch(37.24% 0.0487 228.72)` | Rainstorm | white, 10.1 to 1 |
| 11 | `#254c58` | `oklch(39.42% 0.0480 218.73)` | Berry Blue Green | white, 9.2 to 1 |
| 12 | `#28545a` | `oklch(41.73% 0.0492 208.07)` | Stinkhorn | white, 8.3 to 1 |
| 13 | `#2d5d5d` | `oklch(44.36% 0.0519 196.56)` | Calypso Green | white, 7.4 to 1 |
| 14 | `#33665f` | `oklch(47.22% 0.0555 184.86)` | Alliance | white, 6.5 to 1 |
| 15 | `#3d6f61` | `oklch(50.14% 0.0595 173.66)` | Cormorant | white, 5.7 to 1 |
| 16 | `#487762` | `oklch(52.98% 0.0632 163.63)` | Leaping Lizard | white, 5.1 to 1 |
| 17 | `#537f63` | `oklch(55.66% 0.0663 155.45)` | Sports Field Green | black, 4.5 to 1 |
| 18 | `#5e8765` | `oklch(58.40% 0.0697 149.11)` | Clouded Pine | black, 5.1 to 1 |
| 19 | `#698f68` | `oklch(61.12% 0.0730 143.96)` | Stone Green | black, 5.7 to 1 |
| 20 | `#73976a` | `oklch(63.70% 0.0759 139.30)` | Botanical Green | black, 6.3 to 1 |
| 21 | `#7e9d6c` | `oklch(66.00% 0.0779 134.44)` | Wild Thyme | black, 6.9 to 1 |
| 22 | `#89a26d` | `oklch(67.92% 0.0786 128.79)` | Buckingham Gardens | black, 7.4 to 1 |
| 23 | `#94a56f` | `oklch(69.56% 0.0777 123.04)` | Luscious Lime | black, 7.8 to 1 |
| 24 | `#9da871` | `oklch(70.96% 0.0758 117.24)` | Green Plaza | black, 8.2 to 1 |
| 25 | `#a6aa74` | `oklch(72.06% 0.0733 111.11)` | Cardamom | black, 8.5 to 1 |
| 26 | `#aeaa76` | `oklch(72.84% 0.0707 104.34)` | Cardamom | black, 8.8 to 1 |
| 27 | `#b5a977` | `oklch(73.27% 0.0686 96.60)` | Even Growth | black, 8.9 to 1 |
| 28 | `#baa678` | `oklch(73.14% 0.0665 86.75)` | Texas Sage | black, 8.8 to 1 |
| 29 | `#bea179` | `oklch(72.54% 0.0644 75.40)` | Season Finale | black, 8.5 to 1 |
| 30 | `#c09c7b` | `oklch(71.74% 0.0623 64.04)` | Teatime | black, 8.2 to 1 |
| 31 | `#c0987e` | `oklch(70.96% 0.0605 54.16)` | Brick Path | black, 8 to 1 |
| 32 | `#c09580` | `oklch(70.47% 0.0593 47.26)` | Faded Redwood | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #473046 0.0%, #443048 3.2%, #3d2e4a 6.5%, #352d4b 9.7%, #2d2e4c 12.9%, #26304d 16.1%, #21344f 19.4%, #1f3951 22.6%, #203f52 25.8%, #224555 29.0%, #254c58 32.3%, #28545a 35.5%, #2d5d5d 38.7%, #33665f 41.9%, #3d6f61 45.2%, #487762 48.4%, #537f63 51.6%, #5e8765 54.8%, #698f68 58.1%, #73976a 61.3%, #7e9d6c 64.5%, #89a26d 67.7%, #94a56f 71.0%, #9da871 74.2%, #a6aa74 77.4%, #aeaa76 80.6%, #b5a977 83.9%, #baa678 87.1%, #bea179 90.3%, #c09c7b 93.5%, #c0987e 96.8%, #c09580 100.0%);
background: linear-gradient(135deg in oklch, oklch(34.65% 0.0482 328.36) 0.0%, oklch(34.06% 0.0493 320.21) 3.2%, oklch(33.11% 0.0510 308.65) 6.5%, oklch(32.14% 0.0529 295.23) 9.7%, oklch(31.47% 0.0544 281.47) 12.9%, oklch(31.42% 0.0551 268.93) 16.1%, oklch(32.16% 0.0545 258.22) 19.4%, oklch(33.47% 0.0527 248.16) 22.6%, oklch(35.21% 0.0505 238.43) 25.8%, oklch(37.24% 0.0487 228.72) 29.0%, oklch(39.42% 0.0480 218.73) 32.3%, oklch(41.73% 0.0492 208.07) 35.5%, oklch(44.36% 0.0519 196.56) 38.7%, oklch(47.22% 0.0555 184.86) 41.9%, oklch(50.14% 0.0595 173.66) 45.2%, oklch(52.98% 0.0632 163.63) 48.4%, oklch(55.66% 0.0663 155.45) 51.6%, oklch(58.40% 0.0697 149.11) 54.8%, oklch(61.12% 0.0730 143.96) 58.1%, oklch(63.70% 0.0759 139.30) 61.3%, oklch(66.00% 0.0779 134.44) 64.5%, oklch(67.92% 0.0786 128.79) 67.7%, oklch(69.56% 0.0777 123.04) 71.0%, oklch(70.96% 0.0758 117.24) 74.2%, oklch(72.06% 0.0733 111.11) 77.4%, oklch(72.84% 0.0707 104.34) 80.6%, oklch(73.27% 0.0686 96.60) 83.9%, oklch(73.14% 0.0665 86.75) 87.1%, oklch(72.54% 0.0644 75.40) 90.3%, oklch(71.74% 0.0623 64.04) 93.5%, oklch(70.96% 0.0605 54.16) 96.8%, oklch(70.47% 0.0593 47.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.048 | 328.4 |
| 2 | 0.315 | 0.055 | 267.1 |
| 3 | 0.402 | 0.048 | 215.3 |
| 4 | 0.543 | 0.065 | 159.3 |
| 5 | 0.673 | 0.079 | 130.7 |
| 6 | 0.732 | 0.069 | 98 |
| 7 | 0.705 | 0.059 | 47.3 |

## In these collections

- [Southern spring rain](https://grabient.com/southern-spring-rain)

## Other forms

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