# Sage and dusty blue southern spring rain

The Sage and dusty blue southern spring rain brings together green, blue, teal, orange, red, and purple. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is orange.

- Also called: Gray, tan and purple linear gradient
- Seed: `kaZhZ5sRTIsIOuhXEzfXJS7c4QuA5k7fA`
- Page: https://grabient.com/kaZhZ5sRTIsIOuhXEzfXJS7c4QuA5k7fA?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: light center, muted, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.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 | `#384e46` | `oklch(40.16% 0.0303 170.86)` | Amphitrite | white, 9 to 1 |
| 2 | `#324d48` | `oklch(39.73% 0.0344 182.39)` | Silk Crepe Grey | white, 9.1 to 1 |
| 3 | `#294c4d` | `oklch(38.98% 0.0405 199.79)` | Seagrass Green | white, 9.4 to 1 |
| 4 | `#234954` | `oklch(38.27% 0.0472 218.77)` | Mallard | white, 9.7 to 1 |
| 5 | `#23475a` | `oklch(37.96% 0.0530 235.04)` | Astronaut Blue | white, 9.9 to 1 |
| 6 | `#28475f` | `oklch(38.41% 0.0563 244.28)` | One Year of Rain | white, 9.7 to 1 |
| 7 | `#2c4b63` | `oklch(39.86% 0.0559 244.04)` | Majolica Blue | white, 9.2 to 1 |
| 8 | `#305267` | `oklch(42.10% 0.0526 237.11)` | Regatta Bay | white, 8.3 to 1 |
| 9 | `#375b69` | `oklch(44.87% 0.0479 225.80)` | Blue Spell | white, 7.3 to 1 |
| 10 | `#40646c` | `oklch(47.92% 0.0432 212.39)` | Smock Blue | white, 6.4 to 1 |
| 11 | `#4a6d6f` | `oklch(50.99% 0.0403 199.15)` | Sequoia Lake | white, 5.6 to 1 |
| 12 | `#547773` | `oklch(54.04% 0.0402 187.01)` | Sagebrush Green | white, 4.9 to 1 |
| 13 | `#5f8177` | `oklch(57.50% 0.0421 173.33)` | Trellis Vine | black, 4.9 to 1 |
| 14 | `#6d8c7a` | `oklch(61.10% 0.0451 158.89)` | Juniper Oil | black, 5.6 to 1 |
| 15 | `#7c967c` | `oklch(64.50% 0.0485 144.75)` | Sea Radish | black, 6.4 to 1 |
| 16 | `#8b9d7d` | `oklch(67.37% 0.0514 131.99)` | Herbal Scent | black, 7.2 to 1 |
| 17 | `#97a27e` | `oklch(69.47% 0.0532 121.71)` | Renkon Beige | black, 7.8 to 1 |
| 18 | `#a1a67f` | `oklch(71.12% 0.0546 114.04)` | Locust | black, 8.2 to 1 |
| 19 | `#a9a980` | `oklch(72.34% 0.0558 107.82)` | Brisk Olive | black, 8.6 to 1 |
| 20 | `#afaa80` | `oklch(73.03% 0.0566 101.74)` | Water Reed | black, 8.8 to 1 |
| 21 | `#b3a880` | `oklch(73.14% 0.0568 94.52)` | Green Grey Mist | black, 8.8 to 1 |
| 22 | `#b7a47e` | `oklch(72.55% 0.0562 84.95)` | Tarnished Treasure | black, 8.6 to 1 |
| 23 | `#b79d7d` | `oklch(71.12% 0.0543 73.33)` | Sugared Almond | black, 8.1 to 1 |
| 24 | `#b4947c` | `oklch(69.01% 0.0515 60.42)` | Gingerbread Latte | black, 7.4 to 1 |
| 25 | `#ae8b7b` | `oklch(66.46% 0.0486 46.80)` | Nougat | black, 6.7 to 1 |
| 26 | `#a58279` | `oklch(63.70% 0.0463 33.03)` | South Rim Trail | black, 6 to 1 |
| 27 | `#9d7978` | `oklch(60.96% 0.0455 19.64)` | Neapolitan | black, 5.4 to 1 |
| 28 | `#926f76` | `oklch(57.77% 0.0462 5.13)` | Myself | black, 4.7 to 1 |
| 29 | `#856473` | `oklch(54.16% 0.0480 349.69)` | Opera | white, 5.1 to 1 |
| 30 | `#775a70` | `oklch(50.57% 0.0503 334.86)` | Exotic Orchid | white, 6 to 1 |
| 31 | `#6a526e` | `oklch(47.46% 0.0524 322.17)` | Basil Mauve | white, 6.8 to 1 |
| 32 | `#614d6b` | `oklch(45.28% 0.0537 313.17)` | Futaai Indigo | white, 7.5 to 1 |

## CSS

```css
background: linear-gradient(0deg, #384e46 0.0%, #324d48 3.2%, #294c4d 6.5%, #234954 9.7%, #23475a 12.9%, #28475f 16.1%, #2c4b63 19.4%, #305267 22.6%, #375b69 25.8%, #40646c 29.0%, #4a6d6f 32.3%, #547773 35.5%, #5f8177 38.7%, #6d8c7a 41.9%, #7c967c 45.2%, #8b9d7d 48.4%, #97a27e 51.6%, #a1a67f 54.8%, #a9a980 58.1%, #afaa80 61.3%, #b3a880 64.5%, #b7a47e 67.7%, #b79d7d 71.0%, #b4947c 74.2%, #ae8b7b 77.4%, #a58279 80.6%, #9d7978 83.9%, #926f76 87.1%, #856473 90.3%, #775a70 93.5%, #6a526e 96.8%, #614d6b 100.0%);
background: linear-gradient(0deg in oklch, oklch(40.16% 0.0303 170.86) 0.0%, oklch(39.73% 0.0344 182.39) 3.2%, oklch(38.98% 0.0405 199.79) 6.5%, oklch(38.27% 0.0472 218.77) 9.7%, oklch(37.96% 0.0530 235.04) 12.9%, oklch(38.41% 0.0563 244.28) 16.1%, oklch(39.86% 0.0559 244.04) 19.4%, oklch(42.10% 0.0526 237.11) 22.6%, oklch(44.87% 0.0479 225.80) 25.8%, oklch(47.92% 0.0432 212.39) 29.0%, oklch(50.99% 0.0403 199.15) 32.3%, oklch(54.04% 0.0402 187.01) 35.5%, oklch(57.50% 0.0421 173.33) 38.7%, oklch(61.10% 0.0451 158.89) 41.9%, oklch(64.50% 0.0485 144.75) 45.2%, oklch(67.37% 0.0514 131.99) 48.4%, oklch(69.47% 0.0532 121.71) 51.6%, oklch(71.12% 0.0546 114.04) 54.8%, oklch(72.34% 0.0558 107.82) 58.1%, oklch(73.03% 0.0566 101.74) 61.3%, oklch(73.14% 0.0568 94.52) 64.5%, oklch(72.55% 0.0562 84.95) 67.7%, oklch(71.12% 0.0543 73.33) 71.0%, oklch(69.01% 0.0515 60.42) 74.2%, oklch(66.46% 0.0486 46.80) 77.4%, oklch(63.70% 0.0463 33.03) 80.6%, oklch(60.96% 0.0455 19.64) 83.9%, oklch(57.77% 0.0462 5.13) 87.1%, oklch(54.16% 0.0480 349.69) 90.3%, oklch(50.57% 0.0503 334.86) 93.5%, oklch(47.46% 0.0524 322.17) 96.8%, oklch(45.28% 0.0537 313.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.03 | 170.9 |
| 2 | 0.386 | 0.056 | 244.8 |
| 3 | 0.52 | 0.04 | 195.2 |
| 4 | 0.685 | 0.052 | 126.5 |
| 5 | 0.728 | 0.056 | 88.4 |
| 6 | 0.614 | 0.045 | 21.9 |
| 7 | 0.453 | 0.054 | -46.8 |

## In these collections

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

## Other forms

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