# Rain gray leaf green and clay fan

Pale rain gray descends through fresh leaf green and wet teal into a deep navy pause, then rises through teal, olive and ochre toward muted clay. Forty-eight angular swatches give this southern spring palette a cool opening and warm finish. The dark central passage connects the leafy colors with the ochre and earth tones.

- Also called: Gray, teal, navy and brown angular swatches
- Seed: `kW1QmfSJk4yCMSrbKSsyyA8Q`
- Page: https://grabient.com/kW1QmfSJk4yCMSrbKSsyyA8Q?style=angularSwatches&steps=48&angle=315
- Drawn as: angular swatches, 48 steps, 315 degrees
- Kinds: dark center
- 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 | `#c2ccd0` | `oklch(83.86% 0.0124 223.59)` | New North | black, 12.8 to 1 |
| 2 | `#bbc8cd` | `oklch(82.55% 0.0155 220.11)` | Hazy Blue | black, 12.3 to 1 |
| 3 | `#b3c4c9` | `oklch(80.93% 0.0198 215.05)` | Lighthouse Shadows | black, 11.6 to 1 |
| 4 | `#a9bfc3` | `oklch(79.03% 0.0251 208.81)` | A-List Blue | black, 10.9 to 1 |
| 5 | `#9ebabc` | `oklch(76.91% 0.0310 201.77)` | Windswept Clouds | black, 10.2 to 1 |
| 6 | `#92b5b4` | `oklch(74.59% 0.0373 194.33)` | Artful Aqua | black, 9.4 to 1 |
| 7 | `#86aea9` | `oklch(72.13% 0.0437 186.88)` | Sea Nymph | black, 8.6 to 1 |
| 8 | `#7ba89e` | `oklch(69.55% 0.0499 179.80)` | Scenario | black, 7.9 to 1 |
| 9 | `#71a192` | `oklch(66.91% 0.0557 173.49)` | Greyish Teal | black, 7.1 to 1 |
| 10 | `#679986` | `oklch(64.24% 0.0608 168.35)` | Cyprus Green | black, 6.4 to 1 |
| 11 | `#5f927b` | `oklch(61.58% 0.0649 164.75)` | Sheffield | black, 5.8 to 1 |
| 12 | `#568a72` | `oklch(58.98% 0.0678 163.09)` | Alexandrite Green | black, 5.2 to 1 |
| 13 | `#4d836b` | `oklch(56.45% 0.0691 163.81)` | Herb Blend | black, 4.7 to 1 |
| 14 | `#427a66` | `oklch(53.54% 0.0684 167.95)` | Leaping Lizard | white, 4.9 to 1 |
| 15 | `#367062` | `oklch(50.20% 0.0661 175.25)` | Nordic Forest | white, 5.7 to 1 |
| 16 | `#2a655e` | `oklch(46.57% 0.0625 184.93)` | Alliance | white, 6.7 to 1 |
| 17 | `#21595a` | `oklch(42.80% 0.0579 196.22)` | Bayberry | white, 7.9 to 1 |
| 18 | `#1d4d54` | `oklch(39.05% 0.0528 208.34)` | Hurricane Green Blue | white, 9.3 to 1 |
| 19 | `#1b414d` | `oklch(35.47% 0.0476 220.53)` | Cold and Dark | white, 10.9 to 1 |
| 20 | `#1b3745` | `oklch(32.21% 0.0425 232.01)` | Into the Night | white, 12.4 to 1 |
| 21 | `#1a2f3e` | `oklch(29.42% 0.0381 242.01)` | Tangaroa | white, 13.8 to 1 |
| 22 | `#1a2838` | `oklch(27.26% 0.0347 249.77)` | Abyssal Anchorfish Blue | white, 14.9 to 1 |
| 23 | `#192533` | `oklch(25.88% 0.0327 254.50)` | Dark | white, 15.5 to 1 |
| 24 | `#182332` | `oklch(25.42% 0.0324 255.44)` | Dark | white, 15.7 to 1 |
| 25 | `#182534` | `oklch(26.09% 0.0343 251.84)` | Dark | white, 15.4 to 1 |
| 26 | `#182b3b` | `oklch(28.12% 0.0384 243.75)` | Oceanic Noir | white, 14.4 to 1 |
| 27 | `#173544` | `oklch(31.32% 0.0443 231.89)` | Blue Whale | white, 12.8 to 1 |
| 28 | `#15424d` | `oklch(35.44% 0.0516 217.03)` | Cold and Dark | white, 10.9 to 1 |
| 29 | `#155255` | `oklch(40.23% 0.0600 199.92)` | Deep Sanction | white, 8.8 to 1 |
| 30 | `#1f6359` | `oklch(45.43% 0.0689 181.33)` | Humboldt Redwoods | white, 7 to 1 |
| 31 | `#377358` | `oklch(50.80% 0.0781 162.01)` | Foliage Green | white, 5.5 to 1 |
| 32 | `#558252` | `oklch(56.08% 0.0870 142.72)` | Rambling Green | black, 4.6 to 1 |
| 33 | `#778d4b` | `oklch(61.01% 0.0953 124.23)` | Forest Bound | black, 5.6 to 1 |
| 34 | `#979545` | `oklch(65.35% 0.1025 107.30)` | Luau Green | black, 6.6 to 1 |
| 35 | `#b29944` | `oklch(68.85% 0.1084 92.68)` | Husk | black, 7.5 to 1 |
| 36 | `#c69b48` | `oklch(71.25% 0.1123 81.13)` | Creole Mustard | black, 8.1 to 1 |
| 37 | `#d29a4e` | `oklch(72.47% 0.1143 72.75)` | Saffron Strands | black, 8.4 to 1 |
| 38 | `#d89853` | `oklch(72.82% 0.1147 66.16)` | Poseidon’s Gold | black, 8.5 to 1 |
| 39 | `#da9557` | `oklch(72.47% 0.1139 61.06)` | Brushed Clay | black, 8.3 to 1 |
| 40 | `#d8905a` | `oklch(71.54% 0.1120 57.27)` | Persian Orange | black, 8 to 1 |
| 41 | `#d38c5a` | `oklch(70.16% 0.1093 54.55)` | Bestigor | black, 7.6 to 1 |
| 42 | `#cd8759` | `oklch(68.46% 0.1060 52.71)` | Sunny Horizon | black, 7.1 to 1 |
| 43 | `#c68157` | `oklch(66.58% 0.1024 51.53)` | Fall Foliage | black, 6.6 to 1 |
| 44 | `#be7c55` | `oklch(64.65% 0.0988 50.80)` | Pheasant | black, 6.2 to 1 |
| 45 | `#b77752` | `oklch(62.80% 0.0953 50.31)` | Campfire Blaze | black, 5.7 to 1 |
| 46 | `#b07350` | `oklch(61.17% 0.0922 49.85)` | Not yet Caramel | black, 5.4 to 1 |
| 47 | `#ab6f4e` | `oklch(59.87% 0.0898 49.21)` | Smouldering Copper | black, 5.1 to 1 |
| 48 | `#a86d4e` | `oklch(59.06% 0.0882 48.17)` | Smouldering Copper | black, 4.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #c2ccd0 0.000% 2.083%, #bbc8cd 2.083% 4.167%, #b3c4c9 4.167% 6.250%, #a9bfc3 6.250% 8.333%, #9ebabc 8.333% 10.417%, #92b5b4 10.417% 12.500%, #86aea9 12.500% 14.583%, #7ba89e 14.583% 16.667%, #71a192 16.667% 18.750%, #679986 18.750% 20.833%, #5f927b 20.833% 22.917%, #568a72 22.917% 25.000%, #4d836b 25.000% 27.083%, #427a66 27.083% 29.167%, #367062 29.167% 31.250%, #2a655e 31.250% 33.333%, #21595a 33.333% 35.417%, #1d4d54 35.417% 37.500%, #1b414d 37.500% 39.583%, #1b3745 39.583% 41.667%, #1a2f3e 41.667% 43.750%, #1a2838 43.750% 45.833%, #192533 45.833% 47.917%, #182332 47.917% 50.000%, #182534 50.000% 52.083%, #182b3b 52.083% 54.167%, #173544 54.167% 56.250%, #15424d 56.250% 58.333%, #155255 58.333% 60.417%, #1f6359 60.417% 62.500%, #377358 62.500% 64.583%, #558252 64.583% 66.667%, #778d4b 66.667% 68.750%, #979545 68.750% 70.833%, #b29944 70.833% 72.917%, #c69b48 72.917% 75.000%, #d29a4e 75.000% 77.083%, #d89853 77.083% 79.167%, #da9557 79.167% 81.250%, #d8905a 81.250% 83.333%, #d38c5a 83.333% 85.417%, #cd8759 85.417% 87.500%, #c68157 87.500% 89.583%, #be7c55 89.583% 91.667%, #b77752 91.667% 93.750%, #b07350 93.750% 95.833%, #ab6f4e 95.833% 97.917%, #a86d4e 97.917% 100.000%);
background: conic-gradient(from 315deg, oklch(83.86% 0.0124 223.59) 0.000% 2.083%, oklch(82.55% 0.0155 220.11) 2.083% 4.167%, oklch(80.93% 0.0198 215.05) 4.167% 6.250%, oklch(79.03% 0.0251 208.81) 6.250% 8.333%, oklch(76.91% 0.0310 201.77) 8.333% 10.417%, oklch(74.59% 0.0373 194.33) 10.417% 12.500%, oklch(72.13% 0.0437 186.88) 12.500% 14.583%, oklch(69.55% 0.0499 179.80) 14.583% 16.667%, oklch(66.91% 0.0557 173.49) 16.667% 18.750%, oklch(64.24% 0.0608 168.35) 18.750% 20.833%, oklch(61.58% 0.0649 164.75) 20.833% 22.917%, oklch(58.98% 0.0678 163.09) 22.917% 25.000%, oklch(56.45% 0.0691 163.81) 25.000% 27.083%, oklch(53.54% 0.0684 167.95) 27.083% 29.167%, oklch(50.20% 0.0661 175.25) 29.167% 31.250%, oklch(46.57% 0.0625 184.93) 31.250% 33.333%, oklch(42.80% 0.0579 196.22) 33.333% 35.417%, oklch(39.05% 0.0528 208.34) 35.417% 37.500%, oklch(35.47% 0.0476 220.53) 37.500% 39.583%, oklch(32.21% 0.0425 232.01) 39.583% 41.667%, oklch(29.42% 0.0381 242.01) 41.667% 43.750%, oklch(27.26% 0.0347 249.77) 43.750% 45.833%, oklch(25.88% 0.0327 254.50) 45.833% 47.917%, oklch(25.42% 0.0324 255.44) 47.917% 50.000%, oklch(26.09% 0.0343 251.84) 50.000% 52.083%, oklch(28.12% 0.0384 243.75) 52.083% 54.167%, oklch(31.32% 0.0443 231.89) 54.167% 56.250%, oklch(35.44% 0.0516 217.03) 56.250% 58.333%, oklch(40.23% 0.0600 199.92) 58.333% 60.417%, oklch(45.43% 0.0689 181.33) 60.417% 62.500%, oklch(50.80% 0.0781 162.01) 62.500% 64.583%, oklch(56.08% 0.0870 142.72) 64.583% 66.667%, oklch(61.01% 0.0953 124.23) 66.667% 68.750%, oklch(65.35% 0.1025 107.30) 68.750% 70.833%, oklch(68.85% 0.1084 92.68) 70.833% 72.917%, oklch(71.25% 0.1123 81.13) 72.917% 75.000%, oklch(72.47% 0.1143 72.75) 75.000% 77.083%, oklch(72.82% 0.1147 66.16) 77.083% 79.167%, oklch(72.47% 0.1139 61.06) 79.167% 81.250%, oklch(71.54% 0.1120 57.27) 81.250% 83.333%, oklch(70.16% 0.1093 54.55) 83.333% 85.417%, oklch(68.46% 0.1060 52.71) 85.417% 87.500%, oklch(66.58% 0.1024 51.53) 87.500% 89.583%, oklch(64.65% 0.0988 50.80) 89.583% 91.667%, oklch(62.80% 0.0953 50.31) 91.667% 93.750%, oklch(61.17% 0.0922 49.85) 93.750% 95.833%, oklch(59.87% 0.0898 49.21) 95.833% 97.917%, oklch(59.06% 0.0882 48.17) 97.917% 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.571 | 0.069 | 163.4 |
| 3 | 0.256 | 0.033 | 254.2 |
| 4 | 0.717 | 0.113 | 78.8 |
| 5 | 0.591 | 0.088 | 48.2 |

## In these collections

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

## Other forms

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