# Lime and near-black color palette

The Lime and near-black color palette brings together light green, green, and dark gray. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark gray, and its lightest tone is light green.

- Also called: Light green, green and black radial swatches
- Seed: `kW7VFaa8LA1bBwY9q0DGYhDY`
- Page: https://grabient.com/kW7VFaa8LA1bBwY9q0DGYhDY?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.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 | `#d5f7a5` | `oklch(93.31% 0.1116 126.56)` | Creamy Avocado | black, 17.7 to 1 |
| 2 | `#99e660` | `oklch(84.65% 0.1833 133.96)` | Dynamic Green | black, 13.8 to 1 |
| 3 | `#2eb551` | `oklch(68.11% 0.1805 147.70)` | Spandex Green | black, 7.8 to 1 |
| 4 | `#037240` | `oklch(48.43% 0.1185 155.09)` | Dartmouth Green | white, 6 to 1 |
| 5 | `#0a1a17` | `oklch(20.08% 0.0220 184.68)` | Black Stallion | white, 17.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d5f7a5 0.000% 20.000%, #99e660 20.000% 40.000%, #2eb551 40.000% 60.000%, #037240 60.000% 80.000%, #0a1a17 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(93.31% 0.1116 126.56) 0.000% 20.000%, oklch(84.65% 0.1833 133.96) 20.000% 40.000%, oklch(68.11% 0.1805 147.70) 40.000% 60.000%, oklch(48.43% 0.1185 155.09) 60.000% 80.000%, oklch(20.08% 0.0220 184.68) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.112 | 126.6 |
| 2 | 0.846 | 0.183 | 134 |
| 3 | 0.681 | 0.181 | 147.7 |
| 4 | 0.484 | 0.119 | 155.1 |
| 5 | 0.201 | 0.022 | 184.7 |

## In these collections

- [Cyberpunk swatches](https://grabient.com/cyberpunk-swatches)
- [Aurora swatches](https://grabient.com/aurora-swatches)

## Other forms

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