# Rain gray ochre and mauve weather rings

Pale rain gray passes through slate blue and dusty plum into muted clay and ochre, then moves through fresh yellow-green before returning through dusty rose to mauve. Thirty-two radial swatches organize these southern spring colors into concentric bands. The cool center, earthy middle and soft purple edge bring together rain, soil and new growth.

- Also called: Muted rainbow from gray to purple radial swatches
- Seed: `kW1QmfOZTBksgVDbn8kRZevA`
- Page: https://grabient.com/kW1QmfOZTBksgVDbn8kRZevA?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#c2ccd0` | `oklch(83.86% 0.0124 223.59)` | New North | black, 12.8 to 1 |
| 2 | `#b5c1c7` | `oklch(80.39% 0.0160 223.55)` | Driftwood Blues | black, 11.4 to 1 |
| 3 | `#a1b2b9` | `oklch(75.35% 0.0210 222.27)` | Ovation | black, 9.6 to 1 |
| 4 | `#8ba1a8` | `oklch(69.32% 0.0268 220.68)` | Iron Earth | black, 7.7 to 1 |
| 5 | `#738e97` | `oklch(62.90% 0.0333 219.71)` | Baritone | black, 6 to 1 |
| 6 | `#5c7c87` | `oklch(56.67% 0.0400 220.27)` | Night Owl | black, 4.7 to 1 |
| 7 | `#496d7a` | `oklch(51.21% 0.0465 223.30)` | Bismarck | white, 5.6 to 1 |
| 8 | `#3b6173` | `oklch(47.11% 0.0525 229.73)` | Bermudan Blue | white, 6.6 to 1 |
| 9 | `#365972` | `oklch(44.93% 0.0577 240.52)` | Water Chi | white, 7.3 to 1 |
| 10 | `#3d5577` | `oklch(44.54% 0.0627 257.04)` | Star Spangled | white, 7.5 to 1 |
| 11 | `#4e537c` | `oklch(45.47% 0.0676 278.33)` | Dusk | white, 7.3 to 1 |
| 12 | `#64527e` | `oklch(47.39% 0.0724 302.79)` | Virtual Violet | white, 6.9 to 1 |
| 13 | `#7b5379` | `oklch(49.96% 0.0768 328.79)` | Birthstone | white, 6.2 to 1 |
| 14 | `#90576e` | `oklch(52.82% 0.0809 354.71)` | Grandeur Plum | white, 5.5 to 1 |
| 15 | `#9f5f60` | `oklch(55.65% 0.0843 18.93)` | Pizza Pie | white, 4.9 to 1 |
| 16 | `#a76853` | `oklch(58.09% 0.0871 39.83)` | Sizzling Hot | black, 4.7 to 1 |
| 17 | `#a97249` | `oklch(59.97% 0.0891 56.59)` | Copper Mountain | black, 5.1 to 1 |
| 18 | `#a87d45` | `oklch(62.08% 0.0903 72.70)` | Tosty Crust | black, 5.6 to 1 |
| 19 | `#a48a48` | `oklch(64.37% 0.0909 88.12)` | Mustard Gold | black, 6.3 to 1 |
| 20 | `#9f9651` | `oklch(66.67% 0.0910 102.04)` | Lentil Sprout | black, 6.9 to 1 |
| 21 | `#9aa15e` | `oklch(68.78% 0.0905 113.66)` | Sweet Pea | black, 7.6 to 1 |
| 22 | `#96a969` | `oklch(70.52% 0.0897 122.15)` | Gallant Green | black, 8.1 to 1 |
| 23 | `#95ae71` | `oklch(71.68% 0.0886 126.72)` | Rural Eyes | black, 8.5 to 1 |
| 24 | `#97af73` | `oklch(72.09% 0.0872 126.55)` | Rural Eyes | black, 8.7 to 1 |
| 25 | `#9cab6e` | `oklch(71.49% 0.0854 119.94)` | Whirled Peas | black, 8.4 to 1 |
| 26 | `#a5a163` | `oklch(69.85% 0.0828 105.51)` | Mediaeval Sulphur | black, 7.8 to 1 |
| 27 | `#ad935c` | `oklch(67.44% 0.0796 85.48)` | Wheatacre | black, 7.1 to 1 |
| 28 | `#b0845d` | `oklch(64.57% 0.0761 62.18)` | Circus Peanut | black, 6.2 to 1 |
| 29 | `#ab7665` | `oklch(61.56% 0.0726 37.95)` | Sawshark | black, 5.5 to 1 |
| 30 | `#a16b6f` | `oklch(58.71% 0.0694 15.12)` | Delhi Spice | black, 4.8 to 1 |
| 31 | `#956577` | `oklch(56.33% 0.0667 356.03)` | Forest Berry | white, 4.7 to 1 |
| 32 | `#8c627b` | `oklch(54.72% 0.0648 343.01)` | Victorian Plum | white, 5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c2ccd0 0.000% 3.125%, #b5c1c7 3.125% 6.250%, #a1b2b9 6.250% 9.375%, #8ba1a8 9.375% 12.500%, #738e97 12.500% 15.625%, #5c7c87 15.625% 18.750%, #496d7a 18.750% 21.875%, #3b6173 21.875% 25.000%, #365972 25.000% 28.125%, #3d5577 28.125% 31.250%, #4e537c 31.250% 34.375%, #64527e 34.375% 37.500%, #7b5379 37.500% 40.625%, #90576e 40.625% 43.750%, #9f5f60 43.750% 46.875%, #a76853 46.875% 50.000%, #a97249 50.000% 53.125%, #a87d45 53.125% 56.250%, #a48a48 56.250% 59.375%, #9f9651 59.375% 62.500%, #9aa15e 62.500% 65.625%, #96a969 65.625% 68.750%, #95ae71 68.750% 71.875%, #97af73 71.875% 75.000%, #9cab6e 75.000% 78.125%, #a5a163 78.125% 81.250%, #ad935c 81.250% 84.375%, #b0845d 84.375% 87.500%, #ab7665 87.500% 90.625%, #a16b6f 90.625% 93.750%, #956577 93.750% 96.875%, #8c627b 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(83.86% 0.0124 223.59) 0.000% 3.125%, oklch(80.39% 0.0160 223.55) 3.125% 6.250%, oklch(75.35% 0.0210 222.27) 6.250% 9.375%, oklch(69.32% 0.0268 220.68) 9.375% 12.500%, oklch(62.90% 0.0333 219.71) 12.500% 15.625%, oklch(56.67% 0.0400 220.27) 15.625% 18.750%, oklch(51.21% 0.0465 223.30) 18.750% 21.875%, oklch(47.11% 0.0525 229.73) 21.875% 25.000%, oklch(44.93% 0.0577 240.52) 25.000% 28.125%, oklch(44.54% 0.0627 257.04) 28.125% 31.250%, oklch(45.47% 0.0676 278.33) 31.250% 34.375%, oklch(47.39% 0.0724 302.79) 34.375% 37.500%, oklch(49.96% 0.0768 328.79) 37.500% 40.625%, oklch(52.82% 0.0809 354.71) 40.625% 43.750%, oklch(55.65% 0.0843 18.93) 43.750% 46.875%, oklch(58.09% 0.0871 39.83) 46.875% 50.000%, oklch(59.97% 0.0891 56.59) 50.000% 53.125%, oklch(62.08% 0.0903 72.70) 53.125% 56.250%, oklch(64.37% 0.0909 88.12) 56.250% 59.375%, oklch(66.67% 0.0910 102.04) 59.375% 62.500%, oklch(68.78% 0.0905 113.66) 62.500% 65.625%, oklch(70.52% 0.0897 122.15) 65.625% 68.750%, oklch(71.68% 0.0886 126.72) 68.750% 71.875%, oklch(72.09% 0.0872 126.55) 71.875% 75.000%, oklch(71.49% 0.0854 119.94) 75.000% 78.125%, oklch(69.85% 0.0828 105.51) 78.125% 81.250%, oklch(67.44% 0.0796 85.48) 81.250% 84.375%, oklch(64.57% 0.0761 62.18) 84.375% 87.500%, oklch(61.56% 0.0726 37.95) 87.500% 90.625%, oklch(58.71% 0.0694 15.12) 90.625% 93.750%, oklch(56.33% 0.0667 356.03) 93.750% 96.875%, oklch(54.72% 0.0648 343.01) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.012 | 223.6 |
| 2 | 0.453 | 0.056 | 237.3 |
| 3 | 0.591 | 0.088 | 408.5 |
| 4 | 0.72 | 0.087 | 485.7 |
| 5 | 0.547 | 0.065 | 343 |

## In these collections

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

## Other forms

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