# Pale blue and teal turquoise palette

The Pale blue and teal turquoise palette brings together off-white, dark blue, and teal. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Analogous white, blue, cyan and teal linear gradient
- Seed: `kU_AiMJSFHuQvOA9HT-g`
- Page: https://grabient.com/kU_AiMJSFHuQvOA9HT-g?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14 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 | `#f4ffff` | `oklch(99.21% 0.0110 196.87)` | Sparkling Snow | black, 20.6 to 1 |
| 2 | `#e9f6f7` | `oklch(96.47% 0.0140 199.48)` | Indigo White | black, 19 to 1 |
| 3 | `#daebec` | `oklch(92.82% 0.0176 203.00)` | Tibetan Sky | black, 17 to 1 |
| 4 | `#c9dde0` | `oklch(88.41% 0.0219 207.28)` | Light Relax | black, 14.9 to 1 |
| 5 | `#b6ced3` | `oklch(83.38% 0.0268 212.17)` | Starlight Blue | black, 12.7 to 1 |
| 6 | `#a1bcc5` | `oklch(77.88% 0.0321 217.52)` | French Moire | black, 10.5 to 1 |
| 7 | `#8cabb6` | `oklch(72.07% 0.0377 223.17)` | Aquitaine | black, 8.5 to 1 |
| 8 | `#7798a8` | `oklch(66.08% 0.0436 228.96)` | Palace Intrigue | black, 6.8 to 1 |
| 9 | `#63869a` | `oklch(60.08% 0.0496 234.75)` | Seal Pup | black, 5.3 to 1 |
| 10 | `#51748d` | `oklch(54.20% 0.0557 240.38)` | Metallic Blue | white, 4.9 to 1 |
| 11 | `#416380` | `oklch(48.59% 0.0617 245.69)` | Blue Ashes | white, 6.3 to 1 |
| 12 | `#335375` | `oklch(43.40% 0.0677 250.54)` | Aerostatics | white, 7.9 to 1 |
| 13 | `#28466b` | `oklch(38.79% 0.0734 254.75)` | Commodore | white, 9.6 to 1 |
| 14 | `#1f3a63` | `oklch(34.89% 0.0788 258.19)` | Navy Peony | white, 11.4 to 1 |
| 15 | `#18315d` | `oklch(31.86% 0.0838 260.70)` | Ending Navy Blue | white, 12.8 to 1 |
| 16 | `#132b59` | `oklch(29.84% 0.0883 262.13)` | Ultramarine Violet | white, 13.8 to 1 |
| 17 | `#102858` | `oklch(28.99% 0.0922 262.31)` | Fibonacci Blue | white, 14.2 to 1 |
| 18 | `#0e295b` | `oklch(29.36% 0.0960 261.22)` | Blue Leviathan | white, 14.1 to 1 |
| 19 | `#0b2d61` | `oklch(30.82% 0.0998 258.99)` | Marine | white, 13.3 to 1 |
| 20 | `#073569` | `oklch(33.23% 0.1035 255.79)` | Neptune’s Dream | white, 12.2 to 1 |
| 21 | `#013f74` | `oklch(36.42% 0.1070 251.76)` | Ashenvale Nights | white, 10.7 to 1 |
| 22 | `#004b7e` | `oklch(40.23% 0.1060 247.10)` | Dance Studio | white, 9 to 1 |
| 23 | `#005989` | `oklch(44.52% 0.1054 241.85)` | Sea Cave | white, 7.5 to 1 |
| 24 | `#006994` | `oklch(49.11% 0.1060 236.25)` | Sea Blue | white, 6.1 to 1 |
| 25 | `#0079a1` | `oklch(53.87% 0.1079 230.43)` | Mitchell Blue | white, 4.9 to 1 |
| 26 | `#0089ad` | `oklch(58.62% 0.1106 224.55)` | Corfu Waters | black, 5.1 to 1 |
| 27 | `#0099b8` | `oklch(63.23% 0.1142 218.77)` | Serene Blue | black, 6.2 to 1 |
| 28 | `#00a9c2` | `oklch(67.52% 0.1183 213.23)` | Sarah’s Garden | black, 7.4 to 1 |
| 29 | `#00b7ca` | `oklch(71.35% 0.1227 208.09)` | Lago Blue | black, 8.6 to 1 |
| 30 | `#00c3d1` | `oklch(74.56% 0.1270 203.51)` | Turquoise Surf | black, 9.7 to 1 |
| 31 | `#0eccd4` | `oklch(76.98% 0.1295 199.63)` | Jade Glass | black, 10.6 to 1 |
| 32 | `#1fd2d5` | `oklch(78.48% 0.1296 196.61)` | Jade Glass | black, 11.2 to 1 |
| 33 | `#26d4d3` | `oklch(78.97% 0.1291 194.47)` | Medium Turquoise | black, 11.4 to 1 |
| 34 | `#2bd3d0` | `oklch(78.73% 0.1277 192.84)` | Medium Turquoise | black, 11.3 to 1 |
| 35 | `#2ed0cb` | `oklch(77.85% 0.1257 191.66)` | Blue Martina | black, 10.9 to 1 |
| 36 | `#2ecbc5` | `oklch(76.42% 0.1229 190.85)` | Mermaid Net | black, 10.4 to 1 |
| 37 | `#2ec4be` | `oklch(74.53% 0.1197 190.39)` | Swimmers Pool | black, 9.7 to 1 |
| 38 | `#2cbcb6` | `oklch(72.27% 0.1160 190.22)` | Magnetic Magic | black, 8.9 to 1 |
| 39 | `#29b3ad` | `oklch(69.71% 0.1120 190.28)` | Glass Jar Blue | black, 8.1 to 1 |
| 40 | `#25aaa4` | `oklch(66.96% 0.1078 190.54)` | Teal Me No Lies | black, 7.3 to 1 |
| 41 | `#21a09b` | `oklch(64.09% 0.1036 190.95)` | Talismanic Teal | black, 6.5 to 1 |
| 42 | `#1d9692` | `oklch(61.19% 0.0993 191.44)` | Intermezzo | black, 5.8 to 1 |
| 43 | `#188d8a` | `oklch(58.35% 0.0951 191.99)` | Corfu Shallows | black, 5.2 to 1 |
| 44 | `#148482` | `oklch(55.65% 0.0912 192.53)` | Marine Teal | black, 4.6 to 1 |
| 45 | `#107c7a` | `oklch(53.18% 0.0876 193.02)` | Parasailing | white, 5 to 1 |
| 46 | `#0d7574` | `oklch(51.03% 0.0845 193.41)` | Skobeloff | white, 5.5 to 1 |
| 47 | `#0b706e` | `oklch(49.29% 0.0819 193.66)` | Boating Green | white, 5.9 to 1 |
| 48 | `#096c6b` | `oklch(48.03% 0.0799 193.70)` | Mayan Blue | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f4ffff 0.0%, #e9f6f7 2.1%, #daebec 4.3%, #c9dde0 6.4%, #b6ced3 8.5%, #a1bcc5 10.6%, #8cabb6 12.8%, #7798a8 14.9%, #63869a 17.0%, #51748d 19.1%, #416380 21.3%, #335375 23.4%, #28466b 25.5%, #1f3a63 27.7%, #18315d 29.8%, #132b59 31.9%, #102858 34.0%, #0e295b 36.2%, #0b2d61 38.3%, #073569 40.4%, #013f74 42.6%, #004b7e 44.7%, #005989 46.8%, #006994 48.9%, #0079a1 51.1%, #0089ad 53.2%, #0099b8 55.3%, #00a9c2 57.4%, #00b7ca 59.6%, #00c3d1 61.7%, #0eccd4 63.8%, #1fd2d5 66.0%, #26d4d3 68.1%, #2bd3d0 70.2%, #2ed0cb 72.3%, #2ecbc5 74.5%, #2ec4be 76.6%, #2cbcb6 78.7%, #29b3ad 80.9%, #25aaa4 83.0%, #21a09b 85.1%, #1d9692 87.2%, #188d8a 89.4%, #148482 91.5%, #107c7a 93.6%, #0d7574 95.7%, #0b706e 97.9%, #096c6b 100.0%);
background: linear-gradient(135deg in oklch, oklch(99.21% 0.0110 196.87) 0.0%, oklch(96.47% 0.0140 199.48) 2.1%, oklch(92.82% 0.0176 203.00) 4.3%, oklch(88.41% 0.0219 207.28) 6.4%, oklch(83.38% 0.0268 212.17) 8.5%, oklch(77.88% 0.0321 217.52) 10.6%, oklch(72.07% 0.0377 223.17) 12.8%, oklch(66.08% 0.0436 228.96) 14.9%, oklch(60.08% 0.0496 234.75) 17.0%, oklch(54.20% 0.0557 240.38) 19.1%, oklch(48.59% 0.0617 245.69) 21.3%, oklch(43.40% 0.0677 250.54) 23.4%, oklch(38.79% 0.0734 254.75) 25.5%, oklch(34.89% 0.0788 258.19) 27.7%, oklch(31.86% 0.0838 260.70) 29.8%, oklch(29.84% 0.0883 262.13) 31.9%, oklch(28.99% 0.0922 262.31) 34.0%, oklch(29.36% 0.0960 261.22) 36.2%, oklch(30.82% 0.0998 258.99) 38.3%, oklch(33.23% 0.1035 255.79) 40.4%, oklch(36.42% 0.1070 251.76) 42.6%, oklch(40.23% 0.1060 247.10) 44.7%, oklch(44.52% 0.1054 241.85) 46.8%, oklch(49.11% 0.1060 236.25) 48.9%, oklch(53.87% 0.1079 230.43) 51.1%, oklch(58.62% 0.1106 224.55) 53.2%, oklch(63.23% 0.1142 218.77) 55.3%, oklch(67.52% 0.1183 213.23) 57.4%, oklch(71.35% 0.1227 208.09) 59.6%, oklch(74.56% 0.1270 203.51) 61.7%, oklch(76.98% 0.1295 199.63) 63.8%, oklch(78.48% 0.1296 196.61) 66.0%, oklch(78.97% 0.1291 194.47) 68.1%, oklch(78.73% 0.1277 192.84) 70.2%, oklch(77.85% 0.1257 191.66) 72.3%, oklch(76.42% 0.1229 190.85) 74.5%, oklch(74.53% 0.1197 190.39) 76.6%, oklch(72.27% 0.1160 190.22) 78.7%, oklch(69.71% 0.1120 190.28) 80.9%, oklch(66.96% 0.1078 190.54) 83.0%, oklch(64.09% 0.1036 190.95) 85.1%, oklch(61.19% 0.0993 191.44) 87.2%, oklch(58.35% 0.0951 191.99) 89.4%, oklch(55.65% 0.0912 192.53) 91.5%, oklch(53.18% 0.0876 193.02) 93.6%, oklch(51.03% 0.0845 193.41) 95.7%, oklch(49.29% 0.0819 193.66) 97.9%, oklch(48.03% 0.0799 193.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.011 | 196.9 |
| 2 | 0.291 | 0.091 | 262.4 |
| 3 | 0.787 | 0.13 | 195.8 |
| 4 | 0.48 | 0.08 | 193.7 |

## In these collections

- [Turquoise](https://grabient.com/turquoise)

## Other forms

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