# Turquoise and blue text palette

The Turquoise and blue text palette brings together teal and light blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits website sections and interface mockups. Its darkest tone is light blue, and its lightest tone is teal.

- Also called: Pastel blue linear gradient
- Seed: `kS0VSO46PEFupRa`
- Page: https://grabient.com/kS0VSO46PEFupRa?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.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 | `#55dbe3` | `oklch(82.28% 0.1157 200.39)` | Neon Nazar | black, 12.6 to 1 |
| 2 | `#56dbe4` | `oklch(82.15% 0.1150 201.63)` | Neon Nazar | black, 12.6 to 1 |
| 3 | `#57dae5` | `oklch(81.99% 0.1141 203.08)` | Neon Nazar | black, 12.5 to 1 |
| 4 | `#58d9e6` | `oklch(81.80% 0.1129 204.74)` | Neon Nazar | black, 12.4 to 1 |
| 5 | `#5ad7e7` | `oklch(81.61% 0.1116 206.57)` | Turquoise Sea | black, 12.3 to 1 |
| 6 | `#5dd6e8` | `oklch(81.39% 0.1101 208.57)` | Turquoise Sea | black, 12.2 to 1 |
| 7 | `#5fd4e9` | `oklch(81.15% 0.1086 210.72)` | Turquoise Sea | black, 12.1 to 1 |
| 8 | `#62d3ea` | `oklch(80.90% 0.1070 213.00)` | Turquoise Sea | black, 11.9 to 1 |
| 9 | `#64d1eb` | `oklch(80.64% 0.1055 215.40)` | Summer Splash | black, 11.8 to 1 |
| 10 | `#67cfeb` | `oklch(80.37% 0.1039 217.89)` | Big Chill | black, 11.7 to 1 |
| 11 | `#6acdec` | `oklch(80.08% 0.1025 220.46)` | Big Chill | black, 11.5 to 1 |
| 12 | `#6dcbed` | `oklch(79.78% 0.1012 223.09)` | Spritzig | black, 11.4 to 1 |
| 13 | `#6fcaed` | `oklch(79.47% 0.1000 225.77)` | Spritzig | black, 11.3 to 1 |
| 14 | `#72c8ed` | `oklch(79.16% 0.0990 228.48)` | Spritzig | black, 11.1 to 1 |
| 15 | `#74c6ee` | `oklch(78.84% 0.0983 231.20)` | Spritzig | black, 11 to 1 |
| 16 | `#76c4ee` | `oklch(78.51% 0.0979 233.91)` | Spritzig | black, 10.8 to 1 |
| 17 | `#78c2ef` | `oklch(78.18% 0.0978 236.65)` | Blue Mana | black, 10.7 to 1 |
| 18 | `#7abfef` | `oklch(77.80% 0.0981 239.63)` | C’est la Vie | black, 10.5 to 1 |
| 19 | `#7cbdf0` | `oklch(77.40% 0.0986 242.85)` | Electric Eel | black, 10.3 to 1 |
| 20 | `#7ebaf0` | `oklch(76.96% 0.0993 246.27)` | Electric Eel | black, 10.2 to 1 |
| 21 | `#80b8f0` | `oklch(76.50% 0.1003 249.83)` | Electric Eel | black, 10 to 1 |
| 22 | `#83b5f0` | `oklch(76.03% 0.1014 253.47)` | Fly Away | black, 9.8 to 1 |
| 23 | `#86b2f0` | `oklch(75.55% 0.1026 257.16)` | Fly Away | black, 9.6 to 1 |
| 24 | `#88aff0` | `oklch(75.07% 0.1040 260.84)` | Fly Away | black, 9.4 to 1 |
| 25 | `#8bacf0` | `oklch(74.60% 0.1053 264.45)` | Kitten’s Eye | black, 9.2 to 1 |
| 26 | `#8ea9ef` | `oklch(74.14% 0.1067 267.96)` | Kitten’s Eye | black, 9 to 1 |
| 27 | `#91a6ee` | `oklch(73.70% 0.1081 271.31)` | Cold Lips | black, 8.8 to 1 |
| 28 | `#94a3ed` | `oklch(73.28% 0.1093 274.44)` | Cold Lips | black, 8.7 to 1 |
| 29 | `#96a1ec` | `oklch(72.91% 0.1105 277.32)` | Cold Lips | black, 8.5 to 1 |
| 30 | `#989eeb` | `oklch(72.57% 0.1115 279.88)` | Cold Lips | black, 8.4 to 1 |
| 31 | `#9a9cea` | `oklch(72.28% 0.1124 282.08)` | Cold Lips | black, 8.3 to 1 |
| 32 | `#9c9be9` | `oklch(72.05% 0.1130 283.87)` | Cold Lips | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #55dbe3 0.0%, #56dbe4 3.2%, #57dae5 6.5%, #58d9e6 9.7%, #5ad7e7 12.9%, #5dd6e8 16.1%, #5fd4e9 19.4%, #62d3ea 22.6%, #64d1eb 25.8%, #67cfeb 29.0%, #6acdec 32.3%, #6dcbed 35.5%, #6fcaed 38.7%, #72c8ed 41.9%, #74c6ee 45.2%, #76c4ee 48.4%, #78c2ef 51.6%, #7abfef 54.8%, #7cbdf0 58.1%, #7ebaf0 61.3%, #80b8f0 64.5%, #83b5f0 67.7%, #86b2f0 71.0%, #88aff0 74.2%, #8bacf0 77.4%, #8ea9ef 80.6%, #91a6ee 83.9%, #94a3ed 87.1%, #96a1ec 90.3%, #989eeb 93.5%, #9a9cea 96.8%, #9c9be9 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.28% 0.1157 200.39) 0.0%, oklch(82.15% 0.1150 201.63) 3.2%, oklch(81.99% 0.1141 203.08) 6.5%, oklch(81.80% 0.1129 204.74) 9.7%, oklch(81.61% 0.1116 206.57) 12.9%, oklch(81.39% 0.1101 208.57) 16.1%, oklch(81.15% 0.1086 210.72) 19.4%, oklch(80.90% 0.1070 213.00) 22.6%, oklch(80.64% 0.1055 215.40) 25.8%, oklch(80.37% 0.1039 217.89) 29.0%, oklch(80.08% 0.1025 220.46) 32.3%, oklch(79.78% 0.1012 223.09) 35.5%, oklch(79.47% 0.1000 225.77) 38.7%, oklch(79.16% 0.0990 228.48) 41.9%, oklch(78.84% 0.0983 231.20) 45.2%, oklch(78.51% 0.0979 233.91) 48.4%, oklch(78.18% 0.0978 236.65) 51.6%, oklch(77.80% 0.0981 239.63) 54.8%, oklch(77.40% 0.0986 242.85) 58.1%, oklch(76.96% 0.0993 246.27) 61.3%, oklch(76.50% 0.1003 249.83) 64.5%, oklch(76.03% 0.1014 253.47) 67.7%, oklch(75.55% 0.1026 257.16) 71.0%, oklch(75.07% 0.1040 260.84) 74.2%, oklch(74.60% 0.1053 264.45) 77.4%, oklch(74.14% 0.1067 267.96) 80.6%, oklch(73.70% 0.1081 271.31) 83.9%, oklch(73.28% 0.1093 274.44) 87.1%, oklch(72.91% 0.1105 277.32) 90.3%, oklch(72.57% 0.1115 279.88) 93.5%, oklch(72.28% 0.1124 282.08) 96.8%, oklch(72.05% 0.1130 283.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.116 | 200.4 |
| 2 | 0.783 | 0.098 | 235.3 |
| 3 | 0.72 | 0.113 | 283.9 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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