# Dusty blue and peach southern spring rain

The Dusty blue and peach southern spring rain brings together blue, teal, green, light green, light yellow, and light orange. 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 blue, and its lightest tone is light yellow.

- Also called: Blue, green and tan linear gradient
- Seed: `kYei2_QhG4FIgOhhqD3aJ49OUSN8`
- Page: https://grabient.com/kYei2_QhG4FIgOhhqD3aJ49OUSN8?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, multicolor
- Hues: analogous
- 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 | `#4f5c81` | `oklch(48.03% 0.0620 268.59)` | Coastal Fjord | white, 6.5 to 1 |
| 2 | `#4c5f81` | `oklch(48.35% 0.0600 261.45)` | Bijou Blue | white, 6.4 to 1 |
| 3 | `#48627f` | `oklch(48.70% 0.0567 251.45)` | Stellar | white, 6.3 to 1 |
| 4 | `#44657c` | `oklch(49.16% 0.0530 239.65)` | Real Teal | white, 6.1 to 1 |
| 5 | `#436979` | `oklch(49.77% 0.0497 227.10)` | Teal Mosaic | white, 5.9 to 1 |
| 6 | `#446c76` | `oklch(50.60% 0.0477 214.85)` | Holy Water | white, 5.7 to 1 |
| 7 | `#467075` | `oklch(51.71% 0.0479 203.94)` | Thunderhawk Blue | white, 5.4 to 1 |
| 8 | `#477675` | `oklch(53.17% 0.0509 194.55)` | Tropical Rain | white, 5.1 to 1 |
| 9 | `#497d76` | `oklch(55.00% 0.0564 185.41)` | Turquoise Tortoise | white, 4.7 to 1 |
| 10 | `#4c8477` | `oklch(57.09% 0.0636 176.67)` | Carlisle | black, 4.8 to 1 |
| 11 | `#508c76` | `oklch(59.32% 0.0716 168.50)` | Molly Robins | black, 5.3 to 1 |
| 12 | `#579475` | `oklch(61.58% 0.0793 161.09)` | Deep Grass Green | black, 5.8 to 1 |
| 13 | `#5f9b74` | `oklch(63.75% 0.0860 154.63)` | Memphis Green | black, 6.4 to 1 |
| 14 | `#68a173` | `oklch(65.79% 0.0912 149.38)` | Growth | black, 6.9 to 1 |
| 15 | `#71a873` | `oklch(67.91% 0.0964 145.59)` | Dusty Green | black, 7.5 to 1 |
| 16 | `#78af75` | `oklch(70.05% 0.1012 142.85)` | Alfalfa Bug | black, 8.1 to 1 |
| 17 | `#80b676` | `oklch(72.15% 0.1054 140.67)` | Colour Me Green | black, 8.8 to 1 |
| 18 | `#88bc78` | `oklch(74.11% 0.1085 138.61)` | Baby Grass | black, 9.4 to 1 |
| 19 | `#90c17a` | `oklch(75.86% 0.1101 136.20)` | Grand Valley | black, 10 to 1 |
| 20 | `#99c57b` | `oklch(77.33% 0.1099 133.12)` | Lime Parfait | black, 10.5 to 1 |
| 21 | `#a2c87d` | `oklch(78.63% 0.1075 130.39)` | Opaline Green | black, 11 to 1 |
| 22 | `#aaca81` | `oklch(79.77% 0.1034 127.86)` | Wonder Woods | black, 11.4 to 1 |
| 23 | `#b1cc85` | `oklch(80.73% 0.0983 125.02)` | Nurgling Green | black, 11.8 to 1 |
| 24 | `#b9cc88` | `oklch(81.49% 0.0926 121.37)` | Nurgling Green | black, 12 to 1 |
| 25 | `#c0cc8b` | `oklch(82.03% 0.0869 116.40)` | Apple II Beige | black, 12.2 to 1 |
| 26 | `#c8ca8c` | `oklch(82.32% 0.0817 109.57)` | Springtide Green | black, 12.3 to 1 |
| 27 | `#d0c68d` | `oklch(82.23% 0.0761 99.67)` | Dusty Yellow | black, 12.1 to 1 |
| 28 | `#d7c18f` | `oklch(81.80% 0.0700 87.33)` | Monument Green | black, 11.9 to 1 |
| 29 | `#dbbc94` | `oklch(81.18% 0.0638 74.00)` | Blonde | black, 11.6 to 1 |
| 30 | `#dcb79a` | `oklch(80.50% 0.0580 61.12)` | Field of Wheat | black, 11.3 to 1 |
| 31 | `#dbb49f` | `oklch(79.91% 0.0531 50.13)` | Spanish Villa | black, 11 to 1 |
| 32 | `#d9b3a3` | `oklch(79.53% 0.0496 42.45)` | Cinnamon Whip | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #4f5c81 0.0%, #4c5f81 3.2%, #48627f 6.5%, #44657c 9.7%, #436979 12.9%, #446c76 16.1%, #467075 19.4%, #477675 22.6%, #497d76 25.8%, #4c8477 29.0%, #508c76 32.3%, #579475 35.5%, #5f9b74 38.7%, #68a173 41.9%, #71a873 45.2%, #78af75 48.4%, #80b676 51.6%, #88bc78 54.8%, #90c17a 58.1%, #99c57b 61.3%, #a2c87d 64.5%, #aaca81 67.7%, #b1cc85 71.0%, #b9cc88 74.2%, #c0cc8b 77.4%, #c8ca8c 80.6%, #d0c68d 83.9%, #d7c18f 87.1%, #dbbc94 90.3%, #dcb79a 93.5%, #dbb49f 96.8%, #d9b3a3 100.0%);
background: linear-gradient(45deg in oklch, oklch(48.03% 0.0620 268.59) 0.0%, oklch(48.35% 0.0600 261.45) 3.2%, oklch(48.70% 0.0567 251.45) 6.5%, oklch(49.16% 0.0530 239.65) 9.7%, oklch(49.77% 0.0497 227.10) 12.9%, oklch(50.60% 0.0477 214.85) 16.1%, oklch(51.71% 0.0479 203.94) 19.4%, oklch(53.17% 0.0509 194.55) 22.6%, oklch(55.00% 0.0564 185.41) 25.8%, oklch(57.09% 0.0636 176.67) 29.0%, oklch(59.32% 0.0716 168.50) 32.3%, oklch(61.58% 0.0793 161.09) 35.5%, oklch(63.75% 0.0860 154.63) 38.7%, oklch(65.79% 0.0912 149.38) 41.9%, oklch(67.91% 0.0964 145.59) 45.2%, oklch(70.05% 0.1012 142.85) 48.4%, oklch(72.15% 0.1054 140.67) 51.6%, oklch(74.11% 0.1085 138.61) 54.8%, oklch(75.86% 0.1101 136.20) 58.1%, oklch(77.33% 0.1099 133.12) 61.3%, oklch(78.63% 0.1075 130.39) 64.5%, oklch(79.77% 0.1034 127.86) 67.7%, oklch(80.73% 0.0983 125.02) 71.0%, oklch(81.49% 0.0926 121.37) 74.2%, oklch(82.03% 0.0869 116.40) 77.4%, oklch(82.32% 0.0817 109.57) 80.6%, oklch(82.23% 0.0761 99.67) 83.9%, oklch(81.80% 0.0700 87.33) 87.1%, oklch(81.18% 0.0638 74.00) 90.3%, oklch(80.50% 0.0580 61.12) 93.5%, oklch(79.91% 0.0531 50.13) 96.8%, oklch(79.53% 0.0496 42.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.062 | 268.6 |
| 2 | 0.52 | 0.048 | 202 |
| 3 | 0.646 | 0.088 | 152.4 |
| 4 | 0.768 | 0.11 | 134.4 |
| 5 | 0.823 | 0.083 | 111.1 |
| 6 | 0.795 | 0.05 | 42.4 |

## In these collections

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

## Other forms

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