# Mint neon palette

The Mint neon palette brings together light green and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits game interface concepts and stream graphics. Its lightest and darkest tones both fall within the green color family.

- Also called: Neon analogous teal to light green linear gradient
- Seed: `kU52ZycUy-fHTv10xr8A`
- Page: https://grabient.com/kU52ZycUy-fHTv10xr8A
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, vivid, neon, light, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1 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 | `#83fec1` | `oklch(90.94% 0.1406 160.31)` | Iridescent Turquoise | black, 16.9 to 1 |
| 2 | `#6fffa8` | `oklch(89.93% 0.1743 154.30)` | Lunatic Sky Dancer | black, 16.5 to 1 |
| 3 | `#64ff84` | `oklch(88.98% 0.2108 147.63)` | Light Green | black, 16.1 to 1 |
| 4 | `#68ff74` | `oklch(88.90% 0.2229 144.66)` | Astro Arcade Green | black, 16.1 to 1 |
| 5 | `#78ff6f` | `oklch(89.37% 0.2202 142.35)` | Astro Arcade Green | black, 16.3 to 1 |
| 6 | `#95ff70` | `oklch(90.57% 0.2059 138.32)` | Easter Green | black, 16.8 to 1 |
| 7 | `#abff76` | `oklch(91.73% 0.1896 134.95)` | Key Lime | black, 17.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #83fec1 0.0%, #6fffa8 16.7%, #64ff84 33.3%, #68ff74 50.0%, #78ff6f 66.7%, #95ff70 83.3%, #abff76 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.94% 0.1406 160.31) 0.0%, oklch(89.93% 0.1743 154.30) 16.7%, oklch(88.98% 0.2108 147.63) 33.3%, oklch(88.90% 0.2229 144.66) 50.0%, oklch(89.37% 0.2202 142.35) 66.7%, oklch(90.57% 0.2059 138.32) 83.3%, oklch(91.73% 0.1896 134.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.141 | 160.3 |
| 2 | 0.89 | 0.211 | 147.6 |
| 3 | 0.894 | 0.23 | 142.3 |
| 4 | 0.917 | 0.194 | 135 |

## In these collections

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

## Other forms

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