# Blue and yellow southern spring rain palette

The Blue and yellow southern spring rain palette brings together blue, teal, light green, light orange, and light red. 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 light orange.

- Also called: Pastel rainbow from blue to purple angular gradient
- Seed: `kYhCGt0Zo5WeZujvFzi3pK4EcWtc`
- Page: https://grabient.com/kYhCGt0Zo5WeZujvFzi3pK4EcWtc?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: light center, pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.7 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 | `#536c82` | `oklch(51.97% 0.0455 243.98)` | Oceanic | white, 5.4 to 1 |
| 2 | `#527185` | `oklch(53.19% 0.0485 238.05)` | Inky Blue | white, 5.1 to 1 |
| 3 | `#50778a` | `oklch(54.82% 0.0530 229.80)` | Folk Blue | white, 4.8 to 1 |
| 4 | `#4e7f8f` | `oklch(56.78% 0.0581 220.05)` | Casual Blue | black, 4.7 to 1 |
| 5 | `#4d8892` | `oklch(58.97% 0.0633 209.58)` | Flounce | black, 5.2 to 1 |
| 6 | `#4e9194` | `oklch(61.30% 0.0679 199.20)` | Bluebound | black, 5.7 to 1 |
| 7 | `#549994` | `oklch(63.70% 0.0712 189.70)` | Aquarius Reef Base | black, 6.3 to 1 |
| 8 | `#5da296` | `oklch(66.24% 0.0729 181.43)` | Polished Pine | black, 7 to 1 |
| 9 | `#69ab98` | `oklch(69.17% 0.0734 173.70)` | Calmness | black, 7.8 to 1 |
| 10 | `#78b59b` | `oklch(72.29% 0.0732 166.23)` | Beau Monde | black, 8.8 to 1 |
| 11 | `#87be9e` | `oklch(75.39% 0.0725 158.77)` | Baby Cake | black, 9.8 to 1 |
| 12 | `#97c6a1` | `oklch(78.26% 0.0715 151.05)` | French Market | black, 10.8 to 1 |
| 13 | `#a6cca3` | `oklch(80.69% 0.0706 142.85)` | Limestoned | black, 11.8 to 1 |
| 14 | `#b4d1a3` | `oklch(82.60% 0.0698 133.96)` | Apium | black, 12.5 to 1 |
| 15 | `#c1d4a3` | `oklch(84.30% 0.0690 124.58)` | Cricket Field | black, 13.2 to 1 |
| 16 | `#ced6a3` | `oklch(85.74% 0.0681 114.83)` | Fresh Start | black, 13.7 to 1 |
| 17 | `#dad7a4` | `oklch(86.84% 0.0669 104.80)` | Garden Glade | black, 14.2 to 1 |
| 18 | `#e3d6a5` | `oklch(87.50% 0.0657 94.58)` | Buckwheat Groats | black, 14.4 to 1 |
| 19 | `#ead4a6` | `oklch(87.62% 0.0643 84.27)` | Paper Moon | black, 14.4 to 1 |
| 20 | `#eecfa7` | `oklch(87.11% 0.0627 73.97)` | Soufflé | black, 14.1 to 1 |
| 21 | `#edc9a8` | `oklch(85.86% 0.0605 63.77)` | Peaches’n’Cream | black, 13.5 to 1 |
| 22 | `#eac1a8` | `oklch(84.00% 0.0579 53.56)` | Copper Blush | black, 12.6 to 1 |
| 23 | `#e3b8a7` | `oklch(81.71% 0.0553 43.15)` | Fall Leaf | black, 11.7 to 1 |
| 24 | `#dbafa6` | `oklch(79.15% 0.0530 32.38)` | Mesa Pink | black, 10.7 to 1 |
| 25 | `#d2a6a4` | `oklch(76.49% 0.0515 21.06)` | La Vie en Rose | black, 9.7 to 1 |
| 26 | `#c89ea4` | `oklch(73.89% 0.0510 8.98)` | Beauty Secret | black, 8.8 to 1 |
| 27 | `#bc94a3` | `oklch(70.90% 0.0518 354.84)` | Violet Fantasy | black, 7.9 to 1 |
| 28 | `#ae8aa2` | `oklch(67.50% 0.0536 339.05)` | Lavender Herb | black, 6.9 to 1 |
| 29 | `#9d81a0` | `oklch(64.00% 0.0560 322.95)` | Pink Plumeria | black, 6 to 1 |
| 30 | `#8c799e` | `oklch(60.70% 0.0584 307.85)` | Pickled Purple | black, 5.3 to 1 |
| 31 | `#7c739b` | `oklch(57.90% 0.0606 295.06)` | Purple Haze | black, 4.7 to 1 |
| 32 | `#716f97` | `oklch(55.91% 0.0620 285.90)` | Silk Crepe Mauve | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #536c82 0.0%, #527185 3.2%, #50778a 6.5%, #4e7f8f 9.7%, #4d8892 12.9%, #4e9194 16.1%, #549994 19.4%, #5da296 22.6%, #69ab98 25.8%, #78b59b 29.0%, #87be9e 32.3%, #97c6a1 35.5%, #a6cca3 38.7%, #b4d1a3 41.9%, #c1d4a3 45.2%, #ced6a3 48.4%, #dad7a4 51.6%, #e3d6a5 54.8%, #ead4a6 58.1%, #eecfa7 61.3%, #edc9a8 64.5%, #eac1a8 67.7%, #e3b8a7 71.0%, #dbafa6 74.2%, #d2a6a4 77.4%, #c89ea4 80.6%, #bc94a3 83.9%, #ae8aa2 87.1%, #9d81a0 90.3%, #8c799e 93.5%, #7c739b 96.8%, #716f97 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(51.97% 0.0455 243.98) 0.0%, oklch(53.19% 0.0485 238.05) 3.2%, oklch(54.82% 0.0530 229.80) 6.5%, oklch(56.78% 0.0581 220.05) 9.7%, oklch(58.97% 0.0633 209.58) 12.9%, oklch(61.30% 0.0679 199.20) 16.1%, oklch(63.70% 0.0712 189.70) 19.4%, oklch(66.24% 0.0729 181.43) 22.6%, oklch(69.17% 0.0734 173.70) 25.8%, oklch(72.29% 0.0732 166.23) 29.0%, oklch(75.39% 0.0725 158.77) 32.3%, oklch(78.26% 0.0715 151.05) 35.5%, oklch(80.69% 0.0706 142.85) 38.7%, oklch(82.60% 0.0698 133.96) 41.9%, oklch(84.30% 0.0690 124.58) 45.2%, oklch(85.74% 0.0681 114.83) 48.4%, oklch(86.84% 0.0669 104.80) 51.6%, oklch(87.50% 0.0657 94.58) 54.8%, oklch(87.62% 0.0643 84.27) 58.1%, oklch(87.11% 0.0627 73.97) 61.3%, oklch(85.86% 0.0605 63.77) 64.5%, oklch(84.00% 0.0579 53.56) 67.7%, oklch(81.71% 0.0553 43.15) 71.0%, oklch(79.15% 0.0530 32.38) 74.2%, oklch(76.49% 0.0515 21.06) 77.4%, oklch(73.89% 0.0510 8.98) 80.6%, oklch(70.90% 0.0518 354.84) 83.9%, oklch(67.50% 0.0536 339.05) 87.1%, oklch(64.00% 0.0560 322.95) 90.3%, oklch(60.70% 0.0584 307.85) 93.5%, oklch(57.90% 0.0606 295.06) 96.8%, oklch(55.91% 0.0620 285.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.045 | 244 |
| 2 | 0.642 | 0.072 | 188 |
| 3 | 0.815 | 0.07 | 139.4 |
| 4 | 0.874 | 0.063 | 78.1 |
| 5 | 0.744 | 0.051 | 11.5 |
| 6 | 0.559 | 0.062 | -74.1 |

## In these collections

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

## Other forms

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