# Teal and lime neon palette

The Teal and lime neon palette brings together teal 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 darkest tone is teal, and its lightest tone is green.

- Also called: Vivid blue, teal and lime green radial gradient
- Seed: `kUrZiZXlA8eTQPHqyLvA`
- Page: https://grabient.com/kUrZiZXlA8eTQPHqyLvA?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#00abc7` | `oklch(68.11% 0.1204 215.16)` | Pacific Blue | black, 7.6 to 1 |
| 2 | `#00acc6` | `oklch(68.45% 0.1200 213.47)` | Sarah’s Garden | black, 7.7 to 1 |
| 3 | `#00aec5` | `oklch(68.90% 0.1197 211.30)` | Havasupai Falls | black, 7.8 to 1 |
| 4 | `#00b0c4` | `oklch(69.42% 0.1196 208.73)` | Antigua Blue | black, 8 to 1 |
| 5 | `#00b3c3` | `oklch(70.00% 0.1197 205.86)` | Antigua Blue | black, 8.2 to 1 |
| 6 | `#00b6c1` | `oklch(70.64% 0.1203 202.75)` | Lago Blue | black, 8.4 to 1 |
| 7 | `#00b9bf` | `oklch(71.30% 0.1212 199.49)` | Cyan Sky | black, 8.6 to 1 |
| 8 | `#00bcbe` | `oklch(71.96% 0.1226 196.16)` | Jade Gravel | black, 8.9 to 1 |
| 9 | `#00bfbc` | `oklch(72.62% 0.1244 192.83)` | Cala Benirrás Blue | black, 9.1 to 1 |
| 10 | `#00c1b9` | `oklch(73.25% 0.1267 189.60)` | Cala Benirrás Blue | black, 9.3 to 1 |
| 11 | `#00c4b7` | `oklch(73.84% 0.1292 186.54)` | Amazonite | black, 9.5 to 1 |
| 12 | `#00c6b5` | `oklch(74.37% 0.1320 183.67)` | Amazonite | black, 9.7 to 1 |
| 13 | `#00c9b2` | `oklch(74.89% 0.1351 180.85)` | Pristine Oceanic | black, 9.9 to 1 |
| 14 | `#00cbaf` | `oklch(75.40% 0.1387 178.06)` | Mint Leaf | black, 10.1 to 1 |
| 15 | `#00ceac` | `oklch(75.91% 0.1428 175.28)` | Mint Leaf | black, 10.3 to 1 |
| 16 | `#00d0a8` | `oklch(76.40% 0.1474 172.50)` | Mint Leaf | black, 10.5 to 1 |
| 17 | `#00d2a4` | `oklch(76.89% 0.1527 169.70)` | Wild Caribbean Green | black, 10.7 to 1 |
| 18 | `#00d5a0` | `oklch(77.38% 0.1589 166.86)` | Wild Caribbean Green | black, 10.9 to 1 |
| 19 | `#00d79a` | `oklch(77.86% 0.1660 163.99)` | Envy’s Love | black, 11.1 to 1 |
| 20 | `#00da93` | `oklch(78.34% 0.1743 161.05)` | Reptile Green | black, 11.4 to 1 |
| 21 | `#00dc8b` | `oklch(78.82% 0.1843 158.03)` | Drunken Dragonfly | black, 11.6 to 1 |
| 22 | `#00df81` | `oklch(79.30% 0.1964 154.91)` | Shivering Green | black, 11.8 to 1 |
| 23 | `#00e272` | `oklch(79.80% 0.2124 151.48)` | Limonana | black, 12 to 1 |
| 24 | `#35e265` | `oklch(80.32% 0.2168 147.77)` | Hello Spring | black, 12.2 to 1 |
| 25 | `#55e25b` | `oklch(80.85% 0.2146 143.89)` | Lightish Green | black, 12.4 to 1 |
| 26 | `#6de250` | `oklch(81.38% 0.2122 139.95)` | Lightish Green | black, 12.5 to 1 |
| 27 | `#80e145` | `oklch(81.90% 0.2097 136.05)` | Kiwi Green | black, 12.7 to 1 |
| 28 | `#90e03a` | `oklch(82.39% 0.2073 132.31)` | Poisonous Potion | black, 12.8 to 1 |
| 29 | `#9ddf2e` | `oklch(82.84% 0.2049 128.84)` | Poisonous Potion | black, 13 to 1 |
| 30 | `#a8de23` | `oklch(83.25% 0.2028 125.74)` | Slimer Green | black, 13.1 to 1 |
| 31 | `#b1dd18` | `oklch(83.59% 0.2011 123.13)` | Yellowish Green | black, 13.2 to 1 |
| 32 | `#b8dc0b` | `oklch(83.86% 0.1998 121.11)` | High Grass | black, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #00abc7 0.0%, #00acc6 3.2%, #00aec5 6.5%, #00b0c4 9.7%, #00b3c3 12.9%, #00b6c1 16.1%, #00b9bf 19.4%, #00bcbe 22.6%, #00bfbc 25.8%, #00c1b9 29.0%, #00c4b7 32.3%, #00c6b5 35.5%, #00c9b2 38.7%, #00cbaf 41.9%, #00ceac 45.2%, #00d0a8 48.4%, #00d2a4 51.6%, #00d5a0 54.8%, #00d79a 58.1%, #00da93 61.3%, #00dc8b 64.5%, #00df81 67.7%, #00e272 71.0%, #35e265 74.2%, #55e25b 77.4%, #6de250 80.6%, #80e145 83.9%, #90e03a 87.1%, #9ddf2e 90.3%, #a8de23 93.5%, #b1dd18 96.8%, #b8dc0b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.1204 215.16) 0.0%, oklch(68.45% 0.1200 213.47) 3.2%, oklch(68.90% 0.1197 211.30) 6.5%, oklch(69.42% 0.1196 208.73) 9.7%, oklch(70.00% 0.1197 205.86) 12.9%, oklch(70.64% 0.1203 202.75) 16.1%, oklch(71.30% 0.1212 199.49) 19.4%, oklch(71.96% 0.1226 196.16) 22.6%, oklch(72.62% 0.1244 192.83) 25.8%, oklch(73.25% 0.1267 189.60) 29.0%, oklch(73.84% 0.1292 186.54) 32.3%, oklch(74.37% 0.1320 183.67) 35.5%, oklch(74.89% 0.1351 180.85) 38.7%, oklch(75.40% 0.1387 178.06) 41.9%, oklch(75.91% 0.1428 175.28) 45.2%, oklch(76.40% 0.1474 172.50) 48.4%, oklch(76.89% 0.1527 169.70) 51.6%, oklch(77.38% 0.1589 166.86) 54.8%, oklch(77.86% 0.1660 163.99) 58.1%, oklch(78.34% 0.1743 161.05) 61.3%, oklch(78.82% 0.1843 158.03) 64.5%, oklch(79.30% 0.1964 154.91) 67.7%, oklch(79.80% 0.2124 151.48) 71.0%, oklch(80.32% 0.2168 147.77) 74.2%, oklch(80.85% 0.2146 143.89) 77.4%, oklch(81.38% 0.2122 139.95) 80.6%, oklch(81.90% 0.2097 136.05) 83.9%, oklch(82.39% 0.2073 132.31) 87.1%, oklch(82.84% 0.2049 128.84) 90.3%, oklch(83.25% 0.2028 125.74) 93.5%, oklch(83.59% 0.2011 123.13) 96.8%, oklch(83.86% 0.1998 121.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.209 | 215.2 |
| 2 | 0.74 | 0.22 | 185.6 |
| 3 | 0.791 | 0.22 | 156 |
| 4 | 0.839 | 0.2 | 121.1 |

## In these collections

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

## Other forms

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