# Moss sage parchment glow

The Moss sage parchment glow brings together dark gray, green, and pale yellow. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is pale yellow.

- Also called: Black, dark green, gray and beige radial gradient
- Seed: `kUPxFzt5Q-N4UvT3jbwg`
- Page: https://grabient.com/kUPxFzt5Q-N4UvT3jbwg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.4 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 | `#17251e` | `oklch(24.80% 0.0234 162.42)` | Shadow Warrior | white, 15.9 to 1 |
| 2 | `#182820` | `oklch(25.84% 0.0254 161.61)` | Swamp Thing | white, 15.4 to 1 |
| 3 | `#1a2b22` | `oklch(27.10% 0.0280 160.62)` | Guerrilla Forest | white, 14.8 to 1 |
| 4 | `#1c2f25` | `oklch(28.57% 0.0312 159.46)` | Quartzite | white, 14.1 to 1 |
| 5 | `#1f3428` | `oklch(30.22% 0.0348 158.16)` | Cardin Green | white, 13.3 to 1 |
| 6 | `#22392b` | `oklch(32.04% 0.0385 156.73)` | Palm Green | white, 12.4 to 1 |
| 7 | `#253f2e` | `oklch(34.00% 0.0424 155.18)` | English Holly | white, 11.5 to 1 |
| 8 | `#2a4532` | `oklch(36.09% 0.0460 153.55)` | Wine Bottle Green | white, 10.5 to 1 |
| 9 | `#2e4b36` | `oklch(38.29% 0.0494 151.83)` | Norfolk Green | white, 9.6 to 1 |
| 10 | `#34513a` | `oklch(40.57% 0.0523 150.06)` | Goblin | white, 8.7 to 1 |
| 11 | `#3a583f` | `oklch(42.91% 0.0545 148.24)` | Ficus | white, 7.9 to 1 |
| 12 | `#415f44` | `oklch(45.35% 0.0561 146.38)` | Cupidity | white, 7.1 to 1 |
| 13 | `#4a6649` | `oklch(48.05% 0.0573 144.45)` | Backwoods | white, 6.3 to 1 |
| 14 | `#536f50` | `oklch(50.97% 0.0581 142.44)` | Daylight Jungle | white, 5.6 to 1 |
| 15 | `#5c7757` | `oklch(54.03% 0.0587 140.35)` | Seaweed Tea | white, 4.9 to 1 |
| 16 | `#67815f` | `oklch(57.19% 0.0590 138.17)` | Tuscan Herbs | black, 4.8 to 1 |
| 17 | `#728a66` | `oklch(60.38% 0.0590 135.92)` | Watercress Spice | black, 5.5 to 1 |
| 18 | `#7d936f` | `oklch(63.55% 0.0588 133.60)` | Chic Shade | black, 6.2 to 1 |
| 19 | `#889c77` | `oklch(66.64% 0.0584 131.19)` | Sweet Florence | black, 7 to 1 |
| 20 | `#92a57e` | `oklch(69.58% 0.0578 128.70)` | Huntington Garden | black, 7.8 to 1 |
| 21 | `#9cad86` | `oklch(72.33% 0.0570 126.13)` | Cardoon | black, 8.7 to 1 |
| 22 | `#a6b48d` | `oklch(74.83% 0.0562 123.47)` | Haven | black, 9.5 to 1 |
| 23 | `#b0bb94` | `oklch(77.25% 0.0549 120.47)` | Chrysoprase | black, 10.3 to 1 |
| 24 | `#bac29b` | `oklch(79.64% 0.0532 117.17)` | Beige and Sage | black, 11.2 to 1 |
| 25 | `#c3c8a3` | `oklch(81.96% 0.0511 113.66)` | Rejuvenate | black, 12.1 to 1 |
| 26 | `#ccceaa` | `oklch(84.18% 0.0489 110.06)` | Hybrid | black, 13 to 1 |
| 27 | `#d5d4b2` | `oklch(86.29% 0.0465 106.48)` | Chinese Silk | black, 13.9 to 1 |
| 28 | `#dddab9` | `oklch(88.25% 0.0442 103.03)` | Apple Cucumber | black, 14.8 to 1 |
| 29 | `#e4dfc0` | `oklch(90.04% 0.0420 99.82)` | Crispa | black, 15.6 to 1 |
| 30 | `#ebe4c6` | `oklch(91.63% 0.0400 96.94)` | Star of Gold | black, 16.4 to 1 |
| 31 | `#f0e8cc` | `oklch(92.99% 0.0384 94.53)` | Sphere | black, 17.1 to 1 |
| 32 | `#f4ebd0` | `oklch(94.09% 0.0372 92.68)` | Crisp Candlelight | black, 17.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #17251e 0.0%, #182820 3.2%, #1a2b22 6.5%, #1c2f25 9.7%, #1f3428 12.9%, #22392b 16.1%, #253f2e 19.4%, #2a4532 22.6%, #2e4b36 25.8%, #34513a 29.0%, #3a583f 32.3%, #415f44 35.5%, #4a6649 38.7%, #536f50 41.9%, #5c7757 45.2%, #67815f 48.4%, #728a66 51.6%, #7d936f 54.8%, #889c77 58.1%, #92a57e 61.3%, #9cad86 64.5%, #a6b48d 67.7%, #b0bb94 71.0%, #bac29b 74.2%, #c3c8a3 77.4%, #ccceaa 80.6%, #d5d4b2 83.9%, #dddab9 87.1%, #e4dfc0 90.3%, #ebe4c6 93.5%, #f0e8cc 96.8%, #f4ebd0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.80% 0.0234 162.42) 0.0%, oklch(25.84% 0.0254 161.61) 3.2%, oklch(27.10% 0.0280 160.62) 6.5%, oklch(28.57% 0.0312 159.46) 9.7%, oklch(30.22% 0.0348 158.16) 12.9%, oklch(32.04% 0.0385 156.73) 16.1%, oklch(34.00% 0.0424 155.18) 19.4%, oklch(36.09% 0.0460 153.55) 22.6%, oklch(38.29% 0.0494 151.83) 25.8%, oklch(40.57% 0.0523 150.06) 29.0%, oklch(42.91% 0.0545 148.24) 32.3%, oklch(45.35% 0.0561 146.38) 35.5%, oklch(48.05% 0.0573 144.45) 38.7%, oklch(50.97% 0.0581 142.44) 41.9%, oklch(54.03% 0.0587 140.35) 45.2%, oklch(57.19% 0.0590 138.17) 48.4%, oklch(60.38% 0.0590 135.92) 51.6%, oklch(63.55% 0.0588 133.60) 54.8%, oklch(66.64% 0.0584 131.19) 58.1%, oklch(69.58% 0.0578 128.70) 61.3%, oklch(72.33% 0.0570 126.13) 64.5%, oklch(74.83% 0.0562 123.47) 67.7%, oklch(77.25% 0.0549 120.47) 71.0%, oklch(79.64% 0.0532 117.17) 74.2%, oklch(81.96% 0.0511 113.66) 77.4%, oklch(84.18% 0.0489 110.06) 80.6%, oklch(86.29% 0.0465 106.48) 83.9%, oklch(88.25% 0.0442 103.03) 87.1%, oklch(90.04% 0.0420 99.82) 90.3%, oklch(91.63% 0.0400 96.94) 93.5%, oklch(92.99% 0.0384 94.53) 96.8%, oklch(94.09% 0.0372 92.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.023 | 162.4 |
| 2 | 0.437 | 0.055 | 147.6 |
| 3 | 0.74 | 0.056 | 124.4 |
| 4 | 0.941 | 0.037 | 92.7 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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