# Teal and sky blue vaporwave palette

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

- Also called: Pastel blue linear gradient
- Seed: `kS0DN84KhEtuvRK`
- Page: https://grabient.com/kS0DN84KhEtuvRK?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: even lightness, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#93d3c1` | `oklch(81.89% 0.0703 175.08)` | Wintermint | black, 12.3 to 1 |
| 2 | `#90d3c2` | `oklch(81.67% 0.0718 176.54)` | Wintermint | black, 12.2 to 1 |
| 3 | `#8dd2c2` | `oklch(81.40% 0.0736 178.29)` | Light Capri Green | black, 12.1 to 1 |
| 4 | `#89d2c3` | `oklch(81.09% 0.0758 180.32)` | Blue Frosting | black, 12 to 1 |
| 5 | `#85d1c4` | `oklch(80.74% 0.0783 182.59)` | Blue Frosting | black, 11.9 to 1 |
| 6 | `#80d0c6` | `oklch(80.35% 0.0809 185.06)` | Surf Wash | black, 11.7 to 1 |
| 7 | `#7acfc7` | `oklch(79.94% 0.0838 187.70)` | Hidden Sea Glass | black, 11.6 to 1 |
| 8 | `#75cec9` | `oklch(79.51% 0.0868 190.49)` | Hidden Sea Glass | black, 11.4 to 1 |
| 9 | `#6fcdcb` | `oklch(79.07% 0.0898 193.38)` | Tropical Splash | black, 11.2 to 1 |
| 10 | `#69cccd` | `oklch(78.62% 0.0929 196.34)` | Petrichor | black, 11.1 to 1 |
| 11 | `#64cbcf` | `oklch(78.17% 0.0960 199.35)` | Petrichor | black, 10.9 to 1 |
| 12 | `#5ec9d2` | `oklch(77.73% 0.0990 202.38)` | Watercourse | black, 10.7 to 1 |
| 13 | `#59c8d4` | `oklch(77.30% 0.1018 205.37)` | Watercourse | black, 10.6 to 1 |
| 14 | `#54c6d7` | `oklch(76.89% 0.1045 208.32)` | Rushing Stream | black, 10.4 to 1 |
| 15 | `#51c5d9` | `oklch(76.50% 0.1070 211.18)` | Naxos Sky | black, 10.3 to 1 |
| 16 | `#4ec3dc` | `oklch(76.15% 0.1092 213.92)` | Naxos Sky | black, 10.1 to 1 |
| 17 | `#4cc2de` | `oklch(75.83% 0.1112 216.55)` | Naxos Sky | black, 10 to 1 |
| 18 | `#4ac0e0` | `oklch(75.51% 0.1130 219.29)` | Lake Thun | black, 9.9 to 1 |
| 19 | `#4abee3` | `oklch(75.19% 0.1147 222.15)` | Lake Thun | black, 9.8 to 1 |
| 20 | `#4bbde5` | `oklch(74.88% 0.1164 225.09)` | Clean Pool | black, 9.6 to 1 |
| 21 | `#4cbbe7` | `oklch(74.58% 0.1179 228.09)` | Clean Pool | black, 9.5 to 1 |
| 22 | `#4eb9e9` | `oklch(74.28% 0.1194 231.11)` | Sea Frolic | black, 9.4 to 1 |
| 23 | `#51b7eb` | `oklch(73.99% 0.1208 234.12)` | Sea Frolic | black, 9.3 to 1 |
| 24 | `#54b5ed` | `oklch(73.71% 0.1221 237.09)` | Sanctuary Spa | black, 9.1 to 1 |
| 25 | `#57b3ef` | `oklch(73.45% 0.1233 239.98)` | Blue Jeans | black, 9 to 1 |
| 26 | `#5ab1f0` | `oklch(73.19% 0.1244 242.77)` | Blue Jeans | black, 8.9 to 1 |
| 27 | `#5eaff1` | `oklch(72.96% 0.1255 245.41)` | Blue Jeans | black, 8.8 to 1 |
| 28 | `#61adf2` | `oklch(72.73% 0.1264 247.88)` | Blue Jeans | black, 8.7 to 1 |
| 29 | `#64abf3` | `oklch(72.53% 0.1273 250.15)` | Blue Jeans | black, 8.6 to 1 |
| 30 | `#67aaf4` | `oklch(72.35% 0.1281 252.18)` | Blue Jeans | black, 8.5 to 1 |
| 31 | `#69a8f4` | `oklch(72.19% 0.1289 253.93)` | Âbi Blue | black, 8.5 to 1 |
| 32 | `#6ba7f4` | `oklch(72.05% 0.1295 255.39)` | Âbi Blue | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #93d3c1 0.0%, #90d3c2 3.2%, #8dd2c2 6.5%, #89d2c3 9.7%, #85d1c4 12.9%, #80d0c6 16.1%, #7acfc7 19.4%, #75cec9 22.6%, #6fcdcb 25.8%, #69cccd 29.0%, #64cbcf 32.3%, #5ec9d2 35.5%, #59c8d4 38.7%, #54c6d7 41.9%, #51c5d9 45.2%, #4ec3dc 48.4%, #4cc2de 51.6%, #4ac0e0 54.8%, #4abee3 58.1%, #4bbde5 61.3%, #4cbbe7 64.5%, #4eb9e9 67.7%, #51b7eb 71.0%, #54b5ed 74.2%, #57b3ef 77.4%, #5ab1f0 80.6%, #5eaff1 83.9%, #61adf2 87.1%, #64abf3 90.3%, #67aaf4 93.5%, #69a8f4 96.8%, #6ba7f4 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.89% 0.0703 175.08) 0.0%, oklch(81.67% 0.0718 176.54) 3.2%, oklch(81.40% 0.0736 178.29) 6.5%, oklch(81.09% 0.0758 180.32) 9.7%, oklch(80.74% 0.0783 182.59) 12.9%, oklch(80.35% 0.0809 185.06) 16.1%, oklch(79.94% 0.0838 187.70) 19.4%, oklch(79.51% 0.0868 190.49) 22.6%, oklch(79.07% 0.0898 193.38) 25.8%, oklch(78.62% 0.0929 196.34) 29.0%, oklch(78.17% 0.0960 199.35) 32.3%, oklch(77.73% 0.0990 202.38) 35.5%, oklch(77.30% 0.1018 205.37) 38.7%, oklch(76.89% 0.1045 208.32) 41.9%, oklch(76.50% 0.1070 211.18) 45.2%, oklch(76.15% 0.1092 213.92) 48.4%, oklch(75.83% 0.1112 216.55) 51.6%, oklch(75.51% 0.1130 219.29) 54.8%, oklch(75.19% 0.1147 222.15) 58.1%, oklch(74.88% 0.1164 225.09) 61.3%, oklch(74.58% 0.1179 228.09) 64.5%, oklch(74.28% 0.1194 231.11) 67.7%, oklch(73.99% 0.1208 234.12) 71.0%, oklch(73.71% 0.1221 237.09) 74.2%, oklch(73.45% 0.1233 239.98) 77.4%, oklch(73.19% 0.1244 242.77) 80.6%, oklch(72.96% 0.1255 245.41) 83.9%, oklch(72.73% 0.1264 247.88) 87.1%, oklch(72.53% 0.1273 250.15) 90.3%, oklch(72.35% 0.1281 252.18) 93.5%, oklch(72.19% 0.1289 253.93) 96.8%, oklch(72.05% 0.1295 255.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.07 | 175.1 |
| 2 | 0.76 | 0.11 | 215.2 |
| 3 | 0.72 | 0.13 | 255.4 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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