# Teal and emerald neon palette

The Teal and emerald 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 analogous teal and green linear swatches
- Seed: `kSqJiSW8i8eNIvG`
- Page: https://grabient.com/kSqJiSW8i8eNIvG?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: even lightness, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.5 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 | `#00a6b4` | `oklch(66.14% 0.1130 205.32)` | Exotic Sea | black, 7.1 to 1 |
| 2 | `#00c0a1` | `oklch(72.05% 0.1350 175.72)` | First Post | black, 9 to 1 |
| 3 | `#4bd762` | `oklch(77.95% 0.1998 146.13)` | Koopa Green Shell | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00a6b4 0.000% 33.333%, #00c0a1 33.333% 66.667%, #4bd762 66.667% 100.000%);
background: linear-gradient(90deg, oklch(66.14% 0.1130 205.32) 0.000% 33.333%, oklch(72.05% 0.1350 175.72) 33.333% 66.667%, oklch(77.95% 0.1998 146.13) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.209 | 205.3 |
| 2 | 0.72 | 0.2 | 175.7 |
| 3 | 0.78 | 0.2 | 146.1 |

## In these collections

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

## Other forms

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