# Deep cyan and forest green neon palette

The Deep cyan and forest green neon palette brings together dark teal, teal, and green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is dark teal, and its lightest tone is green.

- Also called: Monochrome black to green radial gradient
- Seed: `kWNxidLRe68YwPVhSz9cM6_Y`
- Page: https://grabient.com/kWNxidLRe68YwPVhSz9cM6_Y?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.2 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 | `#051d24` | `oklch(21.65% 0.0331 220.78)` | Black Stallion | white, 17.3 to 1 |
| 2 | `#052027` | `oklch(22.71% 0.0353 217.25)` | Stellar Explorer | white, 16.8 to 1 |
| 3 | `#04242a` | `oklch(24.08% 0.0381 212.38)` | Teal Spill | white, 16.2 to 1 |
| 4 | `#03292d` | `oklch(25.71% 0.0414 206.57)` | Black Box | white, 15.4 to 1 |
| 5 | `#022e31` | `oklch(27.55% 0.0452 200.22)` | Roof Tile Green | white, 14.5 to 1 |
| 6 | `#013434` | `oklch(29.55% 0.0496 193.74)` | Nora’s Forest | white, 13.5 to 1 |
| 7 | `#013b37` | `oklch(31.65% 0.0546 187.53)` | Night Turquoise | white, 12.5 to 1 |
| 8 | `#01413a` | `oklch(33.81% 0.0601 181.99)` | Botanical Night | white, 11.5 to 1 |
| 9 | `#00483d` | `oklch(35.98% 0.0664 177.48)` | Tropical Forest | white, 10.5 to 1 |
| 10 | `#004f40` | `oklch(38.26% 0.0731 173.58)` | Urban Green | white, 9.5 to 1 |
| 11 | `#005743` | `oklch(40.67% 0.0805 170.07)` | Sacramento State Green | white, 8.5 to 1 |
| 12 | `#005f46` | `oklch(43.19% 0.0886 166.90)` | Sci-Fi Takeout | white, 7.6 to 1 |
| 13 | `#006849` | `oklch(45.80% 0.0975 164.05)` | Greens | white, 6.8 to 1 |
| 14 | `#00714b` | `oklch(48.45% 0.1071 161.50)` | Aquadazzle | white, 6 to 1 |
| 15 | `#007a4d` | `oklch(51.12% 0.1171 159.23)` | Woodland Soul | white, 5.3 to 1 |
| 16 | `#00834f` | `oklch(53.80% 0.1276 157.22)` | Dark Emerald | white, 4.7 to 1 |
| 17 | `#058d51` | `oklch(56.46% 0.1370 155.50)` | Iceland Green | black, 4.9 to 1 |
| 18 | `#079654` | `oklch(59.27% 0.1472 154.22)` | Garnish | black, 5.5 to 1 |
| 19 | `#04a157` | `oklch(62.18% 0.1581 153.33)` | Full Energy | black, 6.2 to 1 |
| 20 | `#00ac5a` | `oklch(65.12% 0.1687 152.72)` | Nordic Grass Green | black, 7 to 1 |
| 21 | `#00b65e` | `oklch(68.02% 0.1778 152.31)` | Future Hair | black, 7.8 to 1 |
| 22 | `#00c063` | `oklch(70.82% 0.1864 151.98)` | Green Elliott | black, 8.7 to 1 |
| 23 | `#00ca66` | `oklch(73.45% 0.1948 151.64)` | Battletoad | black, 9.6 to 1 |
| 24 | `#00d369` | `oklch(75.83% 0.2032 151.18)` | Benzol Green | black, 10.5 to 1 |
| 25 | `#0bdb6a` | `oklch(77.97% 0.2102 150.57)` | Limonana | black, 11.3 to 1 |
| 26 | `#22e26d` | `oklch(79.99% 0.2134 149.93)` | Hello Spring | black, 12.1 to 1 |
| 27 | `#32e870` | `oklch(81.87% 0.2153 149.29)` | Toxic Slime | black, 12.9 to 1 |
| 28 | `#3fee73` | `oklch(83.60% 0.2161 148.67)` | Acid Pops | black, 13.6 to 1 |
| 29 | `#4bf377` | `oklch(85.16% 0.2163 148.09)` | Minty Green | black, 14.3 to 1 |
| 30 | `#54f779` | `oklch(86.52% 0.2161 147.57)` | Wintergreen | black, 15 to 1 |
| 31 | `#5cfb7c` | `oklch(87.67% 0.2160 147.14)` | Experimintal Green | black, 15.5 to 1 |
| 32 | `#61fe7e` | `oklch(88.58% 0.2163 146.81)` | Experimintal Green | black, 15.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #051d24 0.0%, #052027 3.2%, #04242a 6.5%, #03292d 9.7%, #022e31 12.9%, #013434 16.1%, #013b37 19.4%, #01413a 22.6%, #00483d 25.8%, #004f40 29.0%, #005743 32.3%, #005f46 35.5%, #006849 38.7%, #00714b 41.9%, #007a4d 45.2%, #00834f 48.4%, #058d51 51.6%, #079654 54.8%, #04a157 58.1%, #00ac5a 61.3%, #00b65e 64.5%, #00c063 67.7%, #00ca66 71.0%, #00d369 74.2%, #0bdb6a 77.4%, #22e26d 80.6%, #32e870 83.9%, #3fee73 87.1%, #4bf377 90.3%, #54f779 93.5%, #5cfb7c 96.8%, #61fe7e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0331 220.78) 0.0%, oklch(22.71% 0.0353 217.25) 3.2%, oklch(24.08% 0.0381 212.38) 6.5%, oklch(25.71% 0.0414 206.57) 9.7%, oklch(27.55% 0.0452 200.22) 12.9%, oklch(29.55% 0.0496 193.74) 16.1%, oklch(31.65% 0.0546 187.53) 19.4%, oklch(33.81% 0.0601 181.99) 22.6%, oklch(35.98% 0.0664 177.48) 25.8%, oklch(38.26% 0.0731 173.58) 29.0%, oklch(40.67% 0.0805 170.07) 32.3%, oklch(43.19% 0.0886 166.90) 35.5%, oklch(45.80% 0.0975 164.05) 38.7%, oklch(48.45% 0.1071 161.50) 41.9%, oklch(51.12% 0.1171 159.23) 45.2%, oklch(53.80% 0.1276 157.22) 48.4%, oklch(56.46% 0.1370 155.50) 51.6%, oklch(59.27% 0.1472 154.22) 54.8%, oklch(62.18% 0.1581 153.33) 58.1%, oklch(65.12% 0.1687 152.72) 61.3%, oklch(68.02% 0.1778 152.31) 64.5%, oklch(70.82% 0.1864 151.98) 67.7%, oklch(73.45% 0.1948 151.64) 71.0%, oklch(75.83% 0.2032 151.18) 74.2%, oklch(77.97% 0.2102 150.57) 77.4%, oklch(79.99% 0.2134 149.93) 80.6%, oklch(81.87% 0.2153 149.29) 83.9%, oklch(83.60% 0.2161 148.67) 87.1%, oklch(85.16% 0.2163 148.09) 90.3%, oklch(86.52% 0.2161 147.57) 93.5%, oklch(87.67% 0.2160 147.14) 96.8%, oklch(88.58% 0.2163 146.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.033 | 220.8 |
| 2 | 0.354 | 0.065 | 178.5 |
| 3 | 0.551 | 0.132 | 156.3 |
| 4 | 0.764 | 0.207 | 151 |
| 5 | 0.886 | 0.216 | 146.8 |

## In these collections

- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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