# Green Spectrum Ember Halo

A radial gradient starts in deep forest green, moves through olive, rust, coral, and gold, then returns through bright green and teal into a muted blue edge. The expansive route suits green-led multicolor backgrounds, data displays, energetic posters, abstract covers, and interface graphics that need a dark green center with broad contrasting color travel.

- Also called: Dark green, brown, orange and blue radial gradient
- Seed: `kWSRpvQJ29sgqtDer0TvBpUo`
- Page: https://grabient.com/kWSRpvQJ29sgqtDer0TvBpUo?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#1b3023` | `oklch(28.74% 0.0358 156.09)` | Méi Hēi Coal | white, 14 to 1 |
| 2 | `#1e3527` | `oklch(30.62% 0.0395 155.15)` | Cardin Green | white, 13.1 to 1 |
| 3 | `#233d2c` | `oklch(33.26% 0.0446 154.52)` | Mizukaze Green | white, 11.8 to 1 |
| 4 | `#284632` | `oklch(36.41% 0.0506 153.80)` | Wine Bottle Green | white, 10.4 to 1 |
| 5 | `#2e5038` | `oklch(39.83% 0.0572 152.60)` | Moselle Green | white, 9 to 1 |
| 6 | `#355b3e` | `oklch(43.26% 0.0640 150.53)` | Ficus | white, 7.7 to 1 |
| 7 | `#3d6442` | `oklch(46.47% 0.0708 147.18)` | Jurassic Park | white, 6.7 to 1 |
| 8 | `#476c43` | `oklch(49.20% 0.0771 142.16)` | Jungle Adventure | white, 6 to 1 |
| 9 | `#527140` | `oklch(51.22% 0.0826 135.01)` | Artichoke Green | white, 5.5 to 1 |
| 10 | `#607337` | `oklch(52.53% 0.0879 124.06)` | Majestic Jungle | white, 5.2 to 1 |
| 11 | `#70712a` | `oklch(53.33% 0.0931 109.87)` | Olivetone | white, 5.1 to 1 |
| 12 | `#816c1d` | `oklch(53.80% 0.0982 93.86)` | Tarnished Brass | white, 5 to 1 |
| 13 | `#90661a` | `oklch(54.13% 0.1031 77.47)` | Tapenade | white, 5.1 to 1 |
| 14 | `#9c6023` | `oklch(54.48% 0.1076 62.13)` | Tortoiseshell Specs | white, 5.1 to 1 |
| 15 | `#a55c30` | `oklch(55.05% 0.1118 49.26)` | Copper Creek | white, 5 to 1 |
| 16 | `#ac5a3d` | `oklch(56.01% 0.1155 40.31)` | Brown Rust | white, 4.8 to 1 |
| 17 | `#b45d45` | `oklch(57.59% 0.1187 36.21)` | Karacha Red | white, 4.5 to 1 |
| 18 | `#be634c` | `oklch(60.06% 0.1221 35.00)` | Apricot Brandy | black, 5 to 1 |
| 19 | `#c96b52` | `oklch(63.12% 0.1253 36.20)` | Langoustino | black, 5.7 to 1 |
| 20 | `#d57654` | `oklch(66.40% 0.1282 39.77)` | Clay Mug | black, 6.5 to 1 |
| 21 | `#df8154` | `oklch(69.55% 0.1305 45.64)` | Show Business | black, 7.3 to 1 |
| 22 | `#e48c4f` | `oklch(72.19% 0.1318 53.77)` | Aegean Sky | black, 8.2 to 1 |
| 23 | `#e49748` | `oklch(73.97% 0.1318 64.09)` | Colorado Peach | black, 8.8 to 1 |
| 24 | `#dba040` | `oklch(74.51% 0.1302 76.56)` | Solar Fusion | black, 9.1 to 1 |
| 25 | `#c5a63d` | `oklch(73.44% 0.1265 92.47)` | Aru Ressha | black, 8.9 to 1 |
| 26 | `#a0a94a` | `oklch(70.78% 0.1201 114.07)` | Ogryn Camo | black, 8.2 to 1 |
| 27 | `#70a662` | `oklch(66.98% 0.1118 139.55)` | Dull Green | black, 7.3 to 1 |
| 28 | `#3d9b7a` | `oklch(62.52% 0.1026 166.91)` | Dancing Jewel | black, 6.1 to 1 |
| 29 | `#1a8b8a` | `oklch(57.85% 0.0931 194.16)` | Dark Cyan | black, 5 to 1 |
| 30 | `#25788e` | `oklch(53.43% 0.0842 219.33)` | Adventure | white, 5 to 1 |
| 31 | `#36688a` | `oklch(49.75% 0.0768 240.41)` | Drake’s Neck | white, 5.9 to 1 |
| 32 | `#405d83` | `oklch(47.24% 0.0717 255.43)` | Atlantic Schooner | white, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1b3023 0.0%, #1e3527 3.2%, #233d2c 6.5%, #284632 9.7%, #2e5038 12.9%, #355b3e 16.1%, #3d6442 19.4%, #476c43 22.6%, #527140 25.8%, #607337 29.0%, #70712a 32.3%, #816c1d 35.5%, #90661a 38.7%, #9c6023 41.9%, #a55c30 45.2%, #ac5a3d 48.4%, #b45d45 51.6%, #be634c 54.8%, #c96b52 58.1%, #d57654 61.3%, #df8154 64.5%, #e48c4f 67.7%, #e49748 71.0%, #dba040 74.2%, #c5a63d 77.4%, #a0a94a 80.6%, #70a662 83.9%, #3d9b7a 87.1%, #1a8b8a 90.3%, #25788e 93.5%, #36688a 96.8%, #405d83 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(28.74% 0.0358 156.09) 0.0%, oklch(30.62% 0.0395 155.15) 3.2%, oklch(33.26% 0.0446 154.52) 6.5%, oklch(36.41% 0.0506 153.80) 9.7%, oklch(39.83% 0.0572 152.60) 12.9%, oklch(43.26% 0.0640 150.53) 16.1%, oklch(46.47% 0.0708 147.18) 19.4%, oklch(49.20% 0.0771 142.16) 22.6%, oklch(51.22% 0.0826 135.01) 25.8%, oklch(52.53% 0.0879 124.06) 29.0%, oklch(53.33% 0.0931 109.87) 32.3%, oklch(53.80% 0.0982 93.86) 35.5%, oklch(54.13% 0.1031 77.47) 38.7%, oklch(54.48% 0.1076 62.13) 41.9%, oklch(55.05% 0.1118 49.26) 45.2%, oklch(56.01% 0.1155 40.31) 48.4%, oklch(57.59% 0.1187 36.21) 51.6%, oklch(60.06% 0.1221 35.00) 54.8%, oklch(63.12% 0.1253 36.20) 58.1%, oklch(66.40% 0.1282 39.77) 61.3%, oklch(69.55% 0.1305 45.64) 64.5%, oklch(72.19% 0.1318 53.77) 67.7%, oklch(73.97% 0.1318 64.09) 71.0%, oklch(74.51% 0.1302 76.56) 74.2%, oklch(73.44% 0.1265 92.47) 77.4%, oklch(70.78% 0.1201 114.07) 80.6%, oklch(66.98% 0.1118 139.55) 83.9%, oklch(62.52% 0.1026 166.91) 87.1%, oklch(57.85% 0.0931 194.16) 90.3%, oklch(53.43% 0.0842 219.33) 93.5%, oklch(49.75% 0.0768 240.41) 96.8%, oklch(47.24% 0.0717 255.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.036 | 156.1 |
| 2 | 0.508 | 0.081 | 137.1 |
| 3 | 0.567 | 0.117 | 37.7 |
| 4 | 0.744 | 0.13 | 80 |
| 5 | 0.472 | 0.072 | 255.4 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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