# Storm navy ochre and rain gray wheel

Storm navy lifts through teal and olive into ochre, returns through wet leaf green, then brightens through gray-green to pale rain gray before ending in slate blue. Forty-eight angular swatches create a southern spring rain palette with two contrasting light passages. The cool shadows and warm field colors suggest a landscape shifting beneath passing weather.

- Also called: Navy, tan, gray and blue angular swatches
- Seed: `kWQRi1WykrMiZShqhMcOZTBg`
- Page: https://grabient.com/kWQRi1WykrMiZShqhMcOZTBg?style=angularSwatches&steps=48&angle=315
- Drawn as: angular swatches, 48 steps, 315 degrees
- Kinds: light center, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#182433` | `oklch(25.59% 0.0331 254.53)` | Dark | white, 15.7 to 1 |
| 2 | `#192b3a` | `oklch(28.07% 0.0374 244.99)` | Oceanic Noir | white, 14.5 to 1 |
| 3 | `#183544` | `oklch(31.46% 0.0435 231.81)` | Blue Whale | white, 12.8 to 1 |
| 4 | `#16434d` | `oklch(35.56% 0.0508 215.83)` | Cold and Dark | white, 10.8 to 1 |
| 5 | `#165254` | `oklch(40.18% 0.0591 197.83)` | Deep Sanction | white, 8.8 to 1 |
| 6 | `#216256` | `oklch(45.11% 0.0679 178.63)` | Humboldt Redwoods | white, 7.1 to 1 |
| 7 | `#397154` | `oklch(50.16% 0.0769 159.03)` | Foliage Green | white, 5.7 to 1 |
| 8 | `#577e4d` | `oklch(55.14% 0.0857 139.84)` | Rambling Green | white, 4.6 to 1 |
| 9 | `#768946` | `oklch(59.84% 0.0939 121.87)` | Green Suede | black, 5.4 to 1 |
| 10 | `#959041` | `oklch(64.07% 0.1011 105.93)` | Delta Break | black, 6.3 to 1 |
| 11 | `#ae9542` | `oklch(67.63% 0.1070 92.81)` | Semi Opal | black, 7.1 to 1 |
| 12 | `#c19946` | `oklch(70.32% 0.1112 83.34)` | Suzani Gold | black, 7.8 to 1 |
| 13 | `#cb9b4b` | `oklch(71.95% 0.1133 78.28)` | Arabian Bake | black, 8.3 to 1 |
| 14 | `#ce9c4c` | `oklch(72.47% 0.1136 77.26)` | Bales of Brown | black, 8.4 to 1 |
| 15 | `#ca9c4b` | `oklch(72.05% 0.1125 79.54)` | Creole Mustard | black, 8.3 to 1 |
| 16 | `#c19b49` | `oklch(70.87% 0.1101 84.60)` | Brown Rum | black, 8 to 1 |
| 17 | `#b49947` | `oklch(69.13% 0.1067 91.90)` | Husk | black, 7.6 to 1 |
| 18 | `#a39747` | `oklch(67.01% 0.1025 100.91)` | Lentil Sprout | black, 7 to 1 |
| 19 | `#91944a` | `oklch(64.70% 0.0976 111.11)` | Winter Pea Green | black, 6.5 to 1 |
| 20 | `#7e904f` | `oklch(62.40% 0.0923 121.96)` | Camo | black, 6 to 1 |
| 21 | `#6d8c55` | `oklch(60.28% 0.0868 132.94)` | Bright Forest | black, 5.5 to 1 |
| 22 | `#5e895c` | `oklch(58.54% 0.0813 143.52)` | Hippie Green | black, 5.1 to 1 |
| 23 | `#548663` | `oklch(57.37% 0.0760 153.16)` | Soylent Green | black, 4.9 to 1 |
| 24 | `#4f846a` | `oklch(56.95% 0.0711 161.33)` | Herb Blend | black, 4.8 to 1 |
| 25 | `#4f8671` | `oklch(57.48% 0.0666 167.81)` | Billiard Room | black, 4.9 to 1 |
| 26 | `#54897a` | `oklch(58.96% 0.0616 173.96)` | Privet Hedge | black, 5.2 to 1 |
| 27 | `#5d8f85` | `oklch(61.22% 0.0559 180.02)` | Chlorite | black, 5.7 to 1 |
| 28 | `#699791` | `oklch(64.06% 0.0498 185.96)` | Green Turquoise | black, 6.4 to 1 |
| 29 | `#779f9d` | `oklch(67.28% 0.0436 191.73)` | Delaware Blue Hen | black, 7.2 to 1 |
| 30 | `#86a8a9` | `oklch(70.69% 0.0374 197.29)` | Harbour Mist | black, 8.1 to 1 |
| 31 | `#95b1b4` | `oklch(74.08% 0.0315 202.61)` | Bulfinch Blue | black, 9.2 to 1 |
| 32 | `#a3babe` | `oklch(77.26% 0.0259 207.64)` | Hopeful Blue | black, 10.3 to 1 |
| 33 | `#afc2c6` | `oklch(80.04% 0.0211 212.35)` | Dover Surf | black, 11.3 to 1 |
| 34 | `#b9c8cc` | `oklch(82.21% 0.0171 216.69)` | Hazy Blue | black, 12.1 to 1 |
| 35 | `#c0cbd0` | `oklch(83.58% 0.0142 220.64)` | Stone Golem | black, 12.7 to 1 |
| 36 | `#c2ccd0` | `oklch(83.95% 0.0126 224.14)` | New North | black, 12.8 to 1 |
| 37 | `#c0cace` | `oklch(83.15% 0.0125 227.15)` | Bay of Hope | black, 12.5 to 1 |
| 38 | `#b9c4c9` | `oklch(81.27% 0.0140 229.63)` | Metallic | black, 11.7 to 1 |
| 39 | `#afbbc2` | `oklch(78.51% 0.0167 231.64)` | Seersucker | black, 10.7 to 1 |
| 40 | `#a2b1b9` | `oklch(75.04% 0.0206 233.24)` | Peace | black, 9.4 to 1 |
| 41 | `#93a5af` | `oklch(71.07% 0.0252 234.50)` | Cadet Grey | black, 8.2 to 1 |
| 42 | `#8398a5` | `oklch(66.79% 0.0303 235.47)` | Silver Storm | black, 7 to 1 |
| 43 | `#738b9a` | `oklch(62.38% 0.0356 236.22)` | China Clay | black, 5.9 to 1 |
| 44 | `#647f90` | `oklch(58.05% 0.0409 236.80)` | Pier 17 Steel | black, 4.9 to 1 |
| 45 | `#557386` | `oklch(53.98% 0.0459 237.27)` | Blue Stone | white, 5 to 1 |
| 46 | `#48697e` | `oklch(50.37% 0.0504 237.71)` | Eames for Blue | white, 5.8 to 1 |
| 47 | `#3e6077` | `oklch(47.40% 0.0540 238.15)` | Steel Blue Grey | white, 6.6 to 1 |
| 48 | `#375b72` | `oklch(45.28% 0.0565 238.68)` | Shasta Lake | white, 7.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #182433 0.000% 2.083%, #192b3a 2.083% 4.167%, #183544 4.167% 6.250%, #16434d 6.250% 8.333%, #165254 8.333% 10.417%, #216256 10.417% 12.500%, #397154 12.500% 14.583%, #577e4d 14.583% 16.667%, #768946 16.667% 18.750%, #959041 18.750% 20.833%, #ae9542 20.833% 22.917%, #c19946 22.917% 25.000%, #cb9b4b 25.000% 27.083%, #ce9c4c 27.083% 29.167%, #ca9c4b 29.167% 31.250%, #c19b49 31.250% 33.333%, #b49947 33.333% 35.417%, #a39747 35.417% 37.500%, #91944a 37.500% 39.583%, #7e904f 39.583% 41.667%, #6d8c55 41.667% 43.750%, #5e895c 43.750% 45.833%, #548663 45.833% 47.917%, #4f846a 47.917% 50.000%, #4f8671 50.000% 52.083%, #54897a 52.083% 54.167%, #5d8f85 54.167% 56.250%, #699791 56.250% 58.333%, #779f9d 58.333% 60.417%, #86a8a9 60.417% 62.500%, #95b1b4 62.500% 64.583%, #a3babe 64.583% 66.667%, #afc2c6 66.667% 68.750%, #b9c8cc 68.750% 70.833%, #c0cbd0 70.833% 72.917%, #c2ccd0 72.917% 75.000%, #c0cace 75.000% 77.083%, #b9c4c9 77.083% 79.167%, #afbbc2 79.167% 81.250%, #a2b1b9 81.250% 83.333%, #93a5af 83.333% 85.417%, #8398a5 85.417% 87.500%, #738b9a 87.500% 89.583%, #647f90 89.583% 91.667%, #557386 91.667% 93.750%, #48697e 93.750% 95.833%, #3e6077 95.833% 97.917%, #375b72 97.917% 100.000%);
background: conic-gradient(from 315deg, oklch(25.59% 0.0331 254.53) 0.000% 2.083%, oklch(28.07% 0.0374 244.99) 2.083% 4.167%, oklch(31.46% 0.0435 231.81) 4.167% 6.250%, oklch(35.56% 0.0508 215.83) 6.250% 8.333%, oklch(40.18% 0.0591 197.83) 8.333% 10.417%, oklch(45.11% 0.0679 178.63) 10.417% 12.500%, oklch(50.16% 0.0769 159.03) 12.500% 14.583%, oklch(55.14% 0.0857 139.84) 14.583% 16.667%, oklch(59.84% 0.0939 121.87) 16.667% 18.750%, oklch(64.07% 0.1011 105.93) 18.750% 20.833%, oklch(67.63% 0.1070 92.81) 20.833% 22.917%, oklch(70.32% 0.1112 83.34) 22.917% 25.000%, oklch(71.95% 0.1133 78.28) 25.000% 27.083%, oklch(72.47% 0.1136 77.26) 27.083% 29.167%, oklch(72.05% 0.1125 79.54) 29.167% 31.250%, oklch(70.87% 0.1101 84.60) 31.250% 33.333%, oklch(69.13% 0.1067 91.90) 33.333% 35.417%, oklch(67.01% 0.1025 100.91) 35.417% 37.500%, oklch(64.70% 0.0976 111.11) 37.500% 39.583%, oklch(62.40% 0.0923 121.96) 39.583% 41.667%, oklch(60.28% 0.0868 132.94) 41.667% 43.750%, oklch(58.54% 0.0813 143.52) 43.750% 45.833%, oklch(57.37% 0.0760 153.16) 45.833% 47.917%, oklch(56.95% 0.0711 161.33) 47.917% 50.000%, oklch(57.48% 0.0666 167.81) 50.000% 52.083%, oklch(58.96% 0.0616 173.96) 52.083% 54.167%, oklch(61.22% 0.0559 180.02) 54.167% 56.250%, oklch(64.06% 0.0498 185.96) 56.250% 58.333%, oklch(67.28% 0.0436 191.73) 58.333% 60.417%, oklch(70.69% 0.0374 197.29) 60.417% 62.500%, oklch(74.08% 0.0315 202.61) 62.500% 64.583%, oklch(77.26% 0.0259 207.64) 64.583% 66.667%, oklch(80.04% 0.0211 212.35) 66.667% 68.750%, oklch(82.21% 0.0171 216.69) 68.750% 70.833%, oklch(83.58% 0.0142 220.64) 70.833% 72.917%, oklch(83.95% 0.0126 224.14) 72.917% 75.000%, oklch(83.15% 0.0125 227.15) 75.000% 77.083%, oklch(81.27% 0.0140 229.63) 77.083% 79.167%, oklch(78.51% 0.0167 231.64) 79.167% 81.250%, oklch(75.04% 0.0206 233.24) 81.250% 83.333%, oklch(71.07% 0.0252 234.50) 83.333% 85.417%, oklch(66.79% 0.0303 235.47) 85.417% 87.500%, oklch(62.38% 0.0356 236.22) 87.500% 89.583%, oklch(58.05% 0.0409 236.80) 89.583% 91.667%, oklch(53.98% 0.0459 237.27) 91.667% 93.750%, oklch(50.37% 0.0504 237.71) 93.750% 95.833%, oklch(47.40% 0.0540 238.15) 95.833% 97.917%, oklch(45.28% 0.0565 238.68) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.033 | 254.5 |
| 2 | 0.717 | 0.113 | 79.1 |
| 3 | 0.571 | 0.069 | 164.7 |
| 4 | 0.839 | 0.012 | 224.9 |
| 5 | 0.453 | 0.056 | 238.7 |

## In these collections

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

## Other forms

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