# Sky blue and teal color palette

The Sky blue and teal color palette brings together light teal, teal, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Analogous light blue, teal and blue linear gradient
- Seed: `kY5TeZaye_OStvzbq79TCbCbinQw`
- Page: https://grabient.com/kY5TeZaye_OStvzbq79TCbCbinQw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#a4ecfe` | `oklch(90.16% 0.0758 215.16)` | Beyond the Clouds | black, 16 to 1 |
| 2 | `#9eebfd` | `oklch(89.53% 0.0794 214.49)` | Alpine Expedition | black, 15.7 to 1 |
| 3 | `#96e9fc` | `oklch(88.66% 0.0846 213.58)` | Alpine Expedition | black, 15.3 to 1 |
| 4 | `#8ce7fa` | `oklch(87.63% 0.0907 212.50)` | Photon Projector | black, 14.8 to 1 |
| 5 | `#81e4f7` | `oklch(86.53% 0.0970 211.32)` | Photon Barrier | black, 14.3 to 1 |
| 6 | `#75e2f4` | `oklch(85.43% 0.1030 210.14)` | Photon Barrier | black, 13.9 to 1 |
| 7 | `#6bdff2` | `oklch(84.43% 0.1080 209.02)` | Electric Lemonade | black, 13.5 to 1 |
| 8 | `#62ddef` | `oklch(83.57% 0.1120 207.99)` | Electric Lemonade | black, 13.1 to 1 |
| 9 | `#59dcec` | `oklch(82.77% 0.1155 206.94)` | Electric Lemonade | black, 12.8 to 1 |
| 10 | `#50daea` | `oklch(82.00% 0.1187 205.89)` | Blue Dacnis | black, 12.5 to 1 |
| 11 | `#47d8e7` | `oklch(81.22% 0.1214 204.85)` | Blue Dacnis | black, 12.2 to 1 |
| 12 | `#3ed6e3` | `oklch(80.41% 0.1235 203.84)` | Thousand Sons Blue | black, 11.9 to 1 |
| 13 | `#35d3df` | `oklch(79.52% 0.1250 202.85)` | Aztec Turquoise | black, 11.5 to 1 |
| 14 | `#2dd1db` | `oklch(78.55% 0.1258 201.81)` | Aztec Turquoise | black, 11.2 to 1 |
| 15 | `#27ced6` | `oklch(77.57% 0.1257 200.38)` | Jade Glass | black, 10.8 to 1 |
| 16 | `#23cad1` | `oklch(76.56% 0.1251 198.84)` | Mermaid Net | black, 10.4 to 1 |
| 17 | `#20c7cb` | `oklch(75.48% 0.1239 197.49)` | Turquoise Surf | black, 10 to 1 |
| 18 | `#1dc3c6` | `oklch(74.29% 0.1224 196.65)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 19 | `#19bec1` | `oklch(72.94% 0.1208 196.66)` | Maximum Blue Green | black, 9.2 to 1 |
| 20 | `#13b9bd` | `oklch(71.41% 0.1192 197.80)` | Caicos Turquoise | black, 8.7 to 1 |
| 21 | `#0db3ba` | `oklch(69.70% 0.1170 200.07)` | Marrakech Mile | black, 8.1 to 1 |
| 22 | `#09acb7` | `oklch(67.84% 0.1145 203.21)` | Placid Sea | black, 7.5 to 1 |
| 23 | `#09a4b4` | `oklch(65.85% 0.1118 206.95)` | Garish Blue | black, 7 to 1 |
| 24 | `#0a9db1` | `oklch(63.77% 0.1092 211.01)` | Lake Blue | black, 6.4 to 1 |
| 25 | `#0b95ad` | `oklch(61.61% 0.1072 215.15)` | Munsell Blue | black, 5.8 to 1 |
| 26 | `#098da9` | `oklch(59.39% 0.1059 219.11)` | Quintana | black, 5.3 to 1 |
| 27 | `#0484a4` | `oklch(56.84% 0.1054 223.51)` | Tibetan Turquoise | black, 4.8 to 1 |
| 28 | `#017a9f` | `oklch(54.00% 0.1055 228.38)` | Bleu Ciel | white, 4.9 to 1 |
| 29 | `#006f99` | `oklch(51.12% 0.1060 233.35)` | Tofino Belue | white, 5.5 to 1 |
| 30 | `#026693` | `oklch(48.42% 0.1066 237.99)` | Peacock Blue | white, 6.3 to 1 |
| 31 | `#055e8e` | `oklch(46.13% 0.1072 241.93)` | Mamala Bay | white, 7 to 1 |
| 32 | `#09588b` | `oklch(44.49% 0.1075 244.75)` | Bandana | white, 7.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a4ecfe 0.0%, #9eebfd 3.2%, #96e9fc 6.5%, #8ce7fa 9.7%, #81e4f7 12.9%, #75e2f4 16.1%, #6bdff2 19.4%, #62ddef 22.6%, #59dcec 25.8%, #50daea 29.0%, #47d8e7 32.3%, #3ed6e3 35.5%, #35d3df 38.7%, #2dd1db 41.9%, #27ced6 45.2%, #23cad1 48.4%, #20c7cb 51.6%, #1dc3c6 54.8%, #19bec1 58.1%, #13b9bd 61.3%, #0db3ba 64.5%, #09acb7 67.7%, #09a4b4 71.0%, #0a9db1 74.2%, #0b95ad 77.4%, #098da9 80.6%, #0484a4 83.9%, #017a9f 87.1%, #006f99 90.3%, #026693 93.5%, #055e8e 96.8%, #09588b 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.16% 0.0758 215.16) 0.0%, oklch(89.53% 0.0794 214.49) 3.2%, oklch(88.66% 0.0846 213.58) 6.5%, oklch(87.63% 0.0907 212.50) 9.7%, oklch(86.53% 0.0970 211.32) 12.9%, oklch(85.43% 0.1030 210.14) 16.1%, oklch(84.43% 0.1080 209.02) 19.4%, oklch(83.57% 0.1120 207.99) 22.6%, oklch(82.77% 0.1155 206.94) 25.8%, oklch(82.00% 0.1187 205.89) 29.0%, oklch(81.22% 0.1214 204.85) 32.3%, oklch(80.41% 0.1235 203.84) 35.5%, oklch(79.52% 0.1250 202.85) 38.7%, oklch(78.55% 0.1258 201.81) 41.9%, oklch(77.57% 0.1257 200.38) 45.2%, oklch(76.56% 0.1251 198.84) 48.4%, oklch(75.48% 0.1239 197.49) 51.6%, oklch(74.29% 0.1224 196.65) 54.8%, oklch(72.94% 0.1208 196.66) 58.1%, oklch(71.41% 0.1192 197.80) 61.3%, oklch(69.70% 0.1170 200.07) 64.5%, oklch(67.84% 0.1145 203.21) 67.7%, oklch(65.85% 0.1118 206.95) 71.0%, oklch(63.77% 0.1092 211.01) 74.2%, oklch(61.61% 0.1072 215.15) 77.4%, oklch(59.39% 0.1059 219.11) 80.6%, oklch(56.84% 0.1054 223.51) 83.9%, oklch(54.00% 0.1055 228.38) 87.1%, oklch(51.12% 0.1060 233.35) 90.3%, oklch(48.42% 0.1066 237.99) 93.5%, oklch(46.13% 0.1072 241.93) 96.8%, oklch(44.49% 0.1075 244.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.076 | 215.2 |
| 2 | 0.843 | 0.109 | 208.8 |
| 3 | 0.791 | 0.125 | 202.5 |
| 4 | 0.72 | 0.12 | 197.2 |
| 5 | 0.598 | 0.106 | 218.3 |
| 6 | 0.445 | 0.107 | 244.7 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)
- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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