# Turquoise and cobalt blue southern spring rain

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

- Also called: Seamless muted rainbow angular gradient
- Seed: `kapDWlXCS316qPBXnblzh-28mkOJQnrmA`
- Page: https://grabient.com/kapDWlXCS316qPBXnblzh-28mkOJQnrmA?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: rainbow, seamless
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 2 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 | `#5e96b3` | `oklch(64.57% 0.0730 232.03)` | Pass Time Blue | black, 6.4 to 1 |
| 2 | `#589cb3` | `oklch(65.68% 0.0768 222.52)` | Chivalry | black, 6.8 to 1 |
| 3 | `#52a4b1` | `oklch(67.31% 0.0823 208.79)` | Freshwater | black, 7.3 to 1 |
| 4 | `#50adab` | `oklch(69.15% 0.0885 193.11)` | Blue Turquoise | black, 7.9 to 1 |
| 5 | `#57b5a1` | `oklch(70.91% 0.0947 177.78)` | Keppel | black, 8.4 to 1 |
| 6 | `#63b996` | `oklch(72.27% 0.0999 165.05)` | Sainsbury | black, 8.9 to 1 |
| 7 | `#6ebc8d` | `oklch(73.18% 0.1043 156.26)` | Young Bamboo | black, 9.2 to 1 |
| 8 | `#76be86` | `oklch(73.88% 0.1089 149.97)` | Flashman | black, 9.4 to 1 |
| 9 | `#7dbf7f` | `oklch(74.36% 0.1130 144.88)` | Rally Green | black, 9.6 to 1 |
| 10 | `#85bf77` | `oklch(74.58% 0.1157 139.73)` | Baby Grass | black, 9.6 to 1 |
| 11 | `#8fbc6f` | `oklch(74.51% 0.1162 133.25)` | Laudable Lime | black, 9.6 to 1 |
| 12 | `#9bb865` | `oklch(74.08% 0.1134 124.73)` | Light Birch Green | black, 9.4 to 1 |
| 13 | `#a6b15f` | `oklch(73.25% 0.1069 115.24)` | Cornstalk | black, 9 to 1 |
| 14 | `#aea95d` | `oklch(72.14% 0.0984 104.92)` | Organic Garden | black, 8.6 to 1 |
| 15 | `#b4a05d` | `oklch(70.87% 0.0899 93.79)` | Antique Gold | black, 8.1 to 1 |
| 16 | `#b7985f` | `oklch(69.54% 0.0833 81.88)` | Golden Bear | black, 7.6 to 1 |
| 17 | `#ba9062` | `oklch(68.23% 0.0802 69.05)` | Corner Café | black, 7.2 to 1 |
| 18 | `#bb8765` | `oklch(66.75% 0.0798 54.68)` | Carnal Brown | black, 6.7 to 1 |
| 19 | `#bb7f6a` | `oklch(65.17% 0.0810 39.35)` | Western Pink | black, 6.3 to 1 |
| 20 | `#b87772` | `oklch(63.61% 0.0831 23.82)` | Earth Rose | black, 5.9 to 1 |
| 21 | `#b3717c` | `oklch(62.20% 0.0855 8.84)` | Raspberry Whip | black, 5.5 to 1 |
| 22 | `#ad6d86` | `oklch(61.06% 0.0875 355.12)` | Pink Hibiscus | black, 5.3 to 1 |
| 23 | `#a66a8f` | `oklch(60.00% 0.0902 342.27)` | Mauve Memento | black, 5 to 1 |
| 24 | `#9d6898` | `oklch(59.04% 0.0935 329.98)` | Tulipan Violet | black, 4.8 to 1 |
| 25 | `#9368a0` | `oklch(58.30% 0.0966 318.14)` | Figue | black, 4.7 to 1 |
| 26 | `#896aa8` | `oklch(57.89% 0.0987 306.62)` | Fairy Wren | black, 4.6 to 1 |
| 27 | `#7f6eae` | `oklch(57.92% 0.0991 295.30)` | Plum Preserve | black, 4.7 to 1 |
| 28 | `#7574b4` | `oklch(58.61% 0.0974 283.39)` | Wind Star | black, 4.9 to 1 |
| 29 | `#6b7cb8` | `oklch(59.83% 0.0940 271.25)` | Persian Jewel | black, 5.2 to 1 |
| 30 | `#6485ba` | `oklch(61.24% 0.0901 259.86)` | Marine Ink | black, 5.5 to 1 |
| 31 | `#5f8cba` | `oklch(62.53% 0.0865 250.21)` | Faded Blue | black, 5.9 to 1 |
| 32 | `#5c90ba` | `oklch(63.39% 0.0841 243.30)` | Cliff Blue | black, 6.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #5e96b3 0.0%, #589cb3 3.2%, #52a4b1 6.5%, #50adab 9.7%, #57b5a1 12.9%, #63b996 16.1%, #6ebc8d 19.4%, #76be86 22.6%, #7dbf7f 25.8%, #85bf77 29.0%, #8fbc6f 32.3%, #9bb865 35.5%, #a6b15f 38.7%, #aea95d 41.9%, #b4a05d 45.2%, #b7985f 48.4%, #ba9062 51.6%, #bb8765 54.8%, #bb7f6a 58.1%, #b87772 61.3%, #b3717c 64.5%, #ad6d86 67.7%, #a66a8f 71.0%, #9d6898 74.2%, #9368a0 77.4%, #896aa8 80.6%, #7f6eae 83.9%, #7574b4 87.1%, #6b7cb8 90.3%, #6485ba 93.5%, #5f8cba 96.8%, #5c90ba 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(64.57% 0.0730 232.03) 0.0%, oklch(65.68% 0.0768 222.52) 3.2%, oklch(67.31% 0.0823 208.79) 6.5%, oklch(69.15% 0.0885 193.11) 9.7%, oklch(70.91% 0.0947 177.78) 12.9%, oklch(72.27% 0.0999 165.05) 16.1%, oklch(73.18% 0.1043 156.26) 19.4%, oklch(73.88% 0.1089 149.97) 22.6%, oklch(74.36% 0.1130 144.88) 25.8%, oklch(74.58% 0.1157 139.73) 29.0%, oklch(74.51% 0.1162 133.25) 32.3%, oklch(74.08% 0.1134 124.73) 35.5%, oklch(73.25% 0.1069 115.24) 38.7%, oklch(72.14% 0.0984 104.92) 41.9%, oklch(70.87% 0.0899 93.79) 45.2%, oklch(69.54% 0.0833 81.88) 48.4%, oklch(68.23% 0.0802 69.05) 51.6%, oklch(66.75% 0.0798 54.68) 54.8%, oklch(65.17% 0.0810 39.35) 58.1%, oklch(63.61% 0.0831 23.82) 61.3%, oklch(62.20% 0.0855 8.84) 64.5%, oklch(61.06% 0.0875 355.12) 67.7%, oklch(60.00% 0.0902 342.27) 71.0%, oklch(59.04% 0.0935 329.98) 74.2%, oklch(58.30% 0.0966 318.14) 77.4%, oklch(57.89% 0.0987 306.62) 80.6%, oklch(57.92% 0.0991 295.30) 83.9%, oklch(58.61% 0.0974 283.39) 87.1%, oklch(59.83% 0.0940 271.25) 90.3%, oklch(61.24% 0.0901 259.86) 93.5%, oklch(62.53% 0.0865 250.21) 96.8%, oklch(63.39% 0.0841 243.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.073 | 232 |
| 2 | 0.724 | 0.101 | 163.3 |
| 3 | 0.744 | 0.116 | 130.6 |
| 4 | 0.689 | 0.081 | 75.6 |
| 5 | 0.614 | 0.087 | -0.5 |
| 6 | 0.579 | 0.099 | -62.8 |
| 7 | 0.634 | 0.084 | -116.7 |

## In these collections

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

## Other forms

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