# Rust storm teal and lichen outlands bloom

Rust glows at the center, cools through muted violet into storm gray, crosses dark teal and weathered sage, then reaches pale lichen before settling into heather violet at the edge. The 64-step radial gradient gives Mystic outlands a deep, continuous bloom of soil, water, vegetation, and dusk.

- Also called: Purple, dark gray, navy and gray radial gradient
- Seed: `kWh0AcpwcrzUOPliijMPRgsg`
- Page: https://grabient.com/kWh0AcpwcrzUOPliijMPRgsg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#975a44` | `oklch(53.15% 0.0882 40.08)` | Rookwood Terra Cotta | white, 5.4 to 1 |
| 2 | `#945748` | `oklch(52.29% 0.0856 33.72)` | Rustic Brown | white, 5.6 to 1 |
| 3 | `#90534e` | `oklch(51.15% 0.0822 25.61)` | Cogswell Cedar | white, 5.9 to 1 |
| 4 | `#894f53` | `oklch(49.78% 0.0781 15.99)` | Roan Rouge | white, 6.3 to 1 |
| 5 | `#814c58` | `oklch(48.23% 0.0734 5.13)` | Rouge Charm | white, 6.7 to 1 |
| 6 | `#77495d` | `oklch(46.53% 0.0684 353.27)` | Bewitching | white, 7.2 to 1 |
| 7 | `#6c465f` | `oklch(44.74% 0.0630 340.66)` | Wizard Time | white, 7.7 to 1 |
| 8 | `#614460` | `oklch(42.88% 0.0575 327.55)` | Pansy Petal | white, 8.3 to 1 |
| 9 | `#55425e` | `oklch(41.01% 0.0518 314.19)` | Navy Cosmos | white, 9 to 1 |
| 10 | `#49405b` | `oklch(39.16% 0.0463 300.84)` | Club Grey | white, 9.7 to 1 |
| 11 | `#3f3d56` | `oklch(37.39% 0.0409 287.74)` | Knighthood | white, 10.3 to 1 |
| 12 | `#373b4f` | `oklch(35.73% 0.0358 275.15)` | Carbon Blue | white, 11 to 1 |
| 13 | `#303949` | `oklch(34.22% 0.0311 263.32)` | Ship’s Officer | white, 11.6 to 1 |
| 14 | `#2b3643` | `oklch(32.92% 0.0269 252.49)` | Anchorman | white, 12.2 to 1 |
| 15 | `#28343e` | `oklch(31.86% 0.0235 242.91)` | Anchors Aweigh | white, 12.7 to 1 |
| 16 | `#26323a` | `oklch(31.08% 0.0207 234.85)` | Blue-Black | white, 13 to 1 |
| 17 | `#263137` | `oklch(30.62% 0.0189 228.53)` | Nightmare Fuel | white, 13.2 to 1 |
| 18 | `#253136` | `oklch(30.39% 0.0179 223.87)` | Nightmare Fuel | white, 13.3 to 1 |
| 19 | `#253135` | `oklch(30.31% 0.0177 220.60)` | Navy Black | white, 13.4 to 1 |
| 20 | `#253135` | `oklch(30.39% 0.0181 218.55)` | Navy Black | white, 13.3 to 1 |
| 21 | `#253236` | `oklch(30.62% 0.0190 217.51)` | Nightmare Fuel | white, 13.2 to 1 |
| 22 | `#253337` | `oklch(30.99% 0.0203 217.30)` | Nightmare Fuel | white, 13 to 1 |
| 23 | `#253439` | `oklch(31.49% 0.0220 217.72)` | Cruel Sea | white, 12.8 to 1 |
| 24 | `#25363b` | `oklch(32.12% 0.0240 218.57)` | Cruel Sea | white, 12.5 to 1 |
| 25 | `#26383e` | `oklch(32.88% 0.0261 219.67)` | Petrol Slumber | white, 12.1 to 1 |
| 26 | `#273b42` | `oklch(33.74% 0.0284 220.82)` | Cool Current | white, 11.7 to 1 |
| 27 | `#283e45` | `oklch(34.72% 0.0306 221.83)` | Cool Current | white, 11.3 to 1 |
| 28 | `#294149` | `oklch(35.80% 0.0327 222.50)` | Japanese Indigo | white, 10.8 to 1 |
| 29 | `#2b444d` | `oklch(36.97% 0.0346 222.65)` | Little Mermaid | white, 10.3 to 1 |
| 30 | `#2d4851` | `oklch(38.23% 0.0363 222.07)` | Dad’s Coupe | white, 9.7 to 1 |
| 31 | `#2f4b55` | `oklch(39.58% 0.0376 220.58)` | Sailor’s Coat | white, 9.2 to 1 |
| 32 | `#325058` | `oklch(41.00% 0.0384 217.98)` | Aircraft Blue | white, 8.7 to 1 |
| 33 | `#35545c` | `oklch(42.53% 0.0387 214.19)` | Cold Sea Currents | white, 8.1 to 1 |
| 34 | `#3a5a5f` | `oklch(44.45% 0.0385 209.77)` | Otter Creek | white, 7.4 to 1 |
| 35 | `#406064` | `oklch(46.72% 0.0380 204.85)` | Oceans Deep | white, 6.7 to 1 |
| 36 | `#486869` | `oklch(49.28% 0.0372 199.46)` | Mythic Forest | white, 6 to 1 |
| 37 | `#51706f` | `oklch(52.07% 0.0362 193.64)` | Stone Bridge | white, 5.3 to 1 |
| 38 | `#5a7975` | `oklch(55.00% 0.0350 187.41)` | Refreshing Green | white, 4.7 to 1 |
| 39 | `#65817b` | `oklch(58.02% 0.0337 180.80)` | Underwater World | black, 4.9 to 1 |
| 40 | `#708a82` | `oklch(61.05% 0.0324 173.85)` | Misty Moor | black, 5.6 to 1 |
| 41 | `#7b9388` | `oklch(64.03% 0.0310 166.58)` | Quantum Green | black, 6.3 to 1 |
| 42 | `#869b8e` | `oklch(66.88% 0.0298 159.03)` | Mother Earth | black, 7 to 1 |
| 43 | `#91a294` | `oklch(69.54% 0.0287 151.23)` | Mountain Moss | black, 7.8 to 1 |
| 44 | `#9ba999` | `oklch(71.93% 0.0278 143.21)` | Scotland Road | black, 8.5 to 1 |
| 45 | `#a4af9e` | `oklch(73.99% 0.0271 135.00)` | Tranquil Green | black, 9.1 to 1 |
| 46 | `#abb3a1` | `oklch(75.65% 0.0268 126.62)` | Gargoyle | black, 9.7 to 1 |
| 47 | `#b2b6a3` | `oklch(76.84% 0.0269 118.12)` | Fennel Stem | black, 10.1 to 1 |
| 48 | `#b7b8a4` | `oklch(77.49% 0.0274 109.52)` | Pine Crush | black, 10.3 to 1 |
| 49 | `#bab7a2` | `oklch(77.53% 0.0284 100.57)` | French Shutter | black, 10.3 to 1 |
| 50 | `#bbb49f` | `oklch(76.98% 0.0299 90.67)` | Polished Stone | black, 10.1 to 1 |
| 51 | `#bcaf9b` | `oklch(75.92% 0.0318 79.97)` | Townhouse Taupe | black, 9.7 to 1 |
| 52 | `#bba996` | `oklch(74.41% 0.0342 68.62)` | Fangtooth Fish | black, 9.1 to 1 |
| 53 | `#b9a190` | `oklch(72.52% 0.0368 56.80)` | Rugged Tan | black, 8.5 to 1 |
| 54 | `#b6988c` | `oklch(70.34% 0.0396 44.67)` | Del Rio | black, 7.8 to 1 |
| 55 | `#b18f88` | `oklch(67.93% 0.0426 32.41)` | Plush Suede | black, 7.1 to 1 |
| 56 | `#ab8685` | `oklch(65.36% 0.0458 20.18)` | Woodrose | black, 6.4 to 1 |
| 57 | `#a37c82` | `oklch(62.72% 0.0489 8.14)` | Cherry Mocha | black, 5.7 to 1 |
| 58 | `#9b7481` | `oklch(60.06% 0.0520 356.47)` | Dusk Wine | black, 5.1 to 1 |
| 59 | `#916c80` | `oklch(57.47% 0.0550 345.34)` | Strikemaster | black, 4.6 to 1 |
| 60 | `#87657f` | `oklch(55.02% 0.0579 334.91)` | Blackberry Jam | white, 4.9 to 1 |
| 61 | `#7d5f7e` | `oklch(52.77% 0.0605 325.34)` | Trendy Pink | white, 5.4 to 1 |
| 62 | `#745a7e` | `oklch(50.81% 0.0628 316.82)` | Dr Who | white, 5.9 to 1 |
| 63 | `#6c577d` | `oklch(49.21% 0.0647 309.50)` | Grape Expectations | white, 6.3 to 1 |
| 64 | `#65547c` | `oklch(48.03% 0.0661 303.56)` | Berry Syrup | white, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #975a44 0.0%, #945748 1.6%, #90534e 3.2%, #894f53 4.8%, #814c58 6.3%, #77495d 7.9%, #6c465f 9.5%, #614460 11.1%, #55425e 12.7%, #49405b 14.3%, #3f3d56 15.9%, #373b4f 17.5%, #303949 19.0%, #2b3643 20.6%, #28343e 22.2%, #26323a 23.8%, #263137 25.4%, #253136 27.0%, #253135 28.6%, #253135 30.2%, #253236 31.7%, #253337 33.3%, #253439 34.9%, #25363b 36.5%, #26383e 38.1%, #273b42 39.7%, #283e45 41.3%, #294149 42.9%, #2b444d 44.4%, #2d4851 46.0%, #2f4b55 47.6%, #325058 49.2%, #35545c 50.8%, #3a5a5f 52.4%, #406064 54.0%, #486869 55.6%, #51706f 57.1%, #5a7975 58.7%, #65817b 60.3%, #708a82 61.9%, #7b9388 63.5%, #869b8e 65.1%, #91a294 66.7%, #9ba999 68.3%, #a4af9e 69.8%, #abb3a1 71.4%, #b2b6a3 73.0%, #b7b8a4 74.6%, #bab7a2 76.2%, #bbb49f 77.8%, #bcaf9b 79.4%, #bba996 81.0%, #b9a190 82.5%, #b6988c 84.1%, #b18f88 85.7%, #ab8685 87.3%, #a37c82 88.9%, #9b7481 90.5%, #916c80 92.1%, #87657f 93.7%, #7d5f7e 95.2%, #745a7e 96.8%, #6c577d 98.4%, #65547c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.0882 40.08) 0.0%, oklch(52.29% 0.0856 33.72) 1.6%, oklch(51.15% 0.0822 25.61) 3.2%, oklch(49.78% 0.0781 15.99) 4.8%, oklch(48.23% 0.0734 5.13) 6.3%, oklch(46.53% 0.0684 353.27) 7.9%, oklch(44.74% 0.0630 340.66) 9.5%, oklch(42.88% 0.0575 327.55) 11.1%, oklch(41.01% 0.0518 314.19) 12.7%, oklch(39.16% 0.0463 300.84) 14.3%, oklch(37.39% 0.0409 287.74) 15.9%, oklch(35.73% 0.0358 275.15) 17.5%, oklch(34.22% 0.0311 263.32) 19.0%, oklch(32.92% 0.0269 252.49) 20.6%, oklch(31.86% 0.0235 242.91) 22.2%, oklch(31.08% 0.0207 234.85) 23.8%, oklch(30.62% 0.0189 228.53) 25.4%, oklch(30.39% 0.0179 223.87) 27.0%, oklch(30.31% 0.0177 220.60) 28.6%, oklch(30.39% 0.0181 218.55) 30.2%, oklch(30.62% 0.0190 217.51) 31.7%, oklch(30.99% 0.0203 217.30) 33.3%, oklch(31.49% 0.0220 217.72) 34.9%, oklch(32.12% 0.0240 218.57) 36.5%, oklch(32.88% 0.0261 219.67) 38.1%, oklch(33.74% 0.0284 220.82) 39.7%, oklch(34.72% 0.0306 221.83) 41.3%, oklch(35.80% 0.0327 222.50) 42.9%, oklch(36.97% 0.0346 222.65) 44.4%, oklch(38.23% 0.0363 222.07) 46.0%, oklch(39.58% 0.0376 220.58) 47.6%, oklch(41.00% 0.0384 217.98) 49.2%, oklch(42.53% 0.0387 214.19) 50.8%, oklch(44.45% 0.0385 209.77) 52.4%, oklch(46.72% 0.0380 204.85) 54.0%, oklch(49.28% 0.0372 199.46) 55.6%, oklch(52.07% 0.0362 193.64) 57.1%, oklch(55.00% 0.0350 187.41) 58.7%, oklch(58.02% 0.0337 180.80) 60.3%, oklch(61.05% 0.0324 173.85) 61.9%, oklch(64.03% 0.0310 166.58) 63.5%, oklch(66.88% 0.0298 159.03) 65.1%, oklch(69.54% 0.0287 151.23) 66.7%, oklch(71.93% 0.0278 143.21) 68.3%, oklch(73.99% 0.0271 135.00) 69.8%, oklch(75.65% 0.0268 126.62) 71.4%, oklch(76.84% 0.0269 118.12) 73.0%, oklch(77.49% 0.0274 109.52) 74.6%, oklch(77.53% 0.0284 100.57) 76.2%, oklch(76.98% 0.0299 90.67) 77.8%, oklch(75.92% 0.0318 79.97) 79.4%, oklch(74.41% 0.0342 68.62) 81.0%, oklch(72.52% 0.0368 56.80) 82.5%, oklch(70.34% 0.0396 44.67) 84.1%, oklch(67.93% 0.0426 32.41) 85.7%, oklch(65.36% 0.0458 20.18) 87.3%, oklch(62.72% 0.0489 8.14) 88.9%, oklch(60.06% 0.0520 356.47) 90.5%, oklch(57.47% 0.0550 345.34) 92.1%, oklch(55.02% 0.0579 334.91) 93.7%, oklch(52.77% 0.0605 325.34) 95.2%, oklch(50.81% 0.0628 316.82) 96.8%, oklch(49.21% 0.0647 309.50) 98.4%, oklch(48.03% 0.0661 303.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.088 | 40.1 |
| 2 | 0.307 | 0.019 | -130.1 |
| 3 | 0.417 | 0.039 | -143.8 |
| 4 | 0.776 | 0.028 | -252.6 |
| 5 | 0.48 | 0.066 | -416.4 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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