# Teal and sky blue neon palette

The Teal and sky blue neon palette brings together green, teal, and light teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is teal, and its lightest tone is light teal.

- Also called: Vivid analogous teal and light blue radial swatches
- Seed: `kU4Yl08bzBfA1wt2pr9A`
- Page: https://grabient.com/kU4Yl08bzBfA1wt2pr9A?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: even lightness, vivid, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#0fffb7` | `oklch(88.58% 0.1878 163.83)` | Greenish Cyan | black, 16 to 1 |
| 2 | `#00ffd9` | `oklch(89.37% 0.1664 176.51)` | Ice Ice Baby | black, 16.3 to 1 |
| 3 | `#26f4ff` | `oklch(88.19% 0.1454 200.81)` | Lightsaber Blue | black, 15.4 to 1 |
| 4 | `#8effff` | `oklch(93.31% 0.1040 195.52)` | Glitter Shower | black, 17.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0fffb7 0.000% 25.000%, #00ffd9 25.000% 50.000%, #26f4ff 50.000% 75.000%, #8effff 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.58% 0.1878 163.83) 0.000% 25.000%, oklch(89.37% 0.1664 176.51) 25.000% 50.000%, oklch(88.19% 0.1454 200.81) 50.000% 75.000%, oklch(93.31% 0.1040 195.52) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.189 | 163.8 |
| 2 | 0.894 | 0.167 | 176.5 |
| 3 | 0.882 | 0.147 | 200.8 |
| 4 | 0.933 | 0.106 | 195.5 |

## In these collections

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

## Other forms

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