# Cool light blue, teal, blue and cyan linear swatches

Cool light blue, teal, blue and cyan linear swatches with 48 colors: #5fc7c4, #58bebf, #4fb1b8, #45a2af, #3c91a4, #358097, #2f6f8a, #29617d, #245472, #1f4c69, #1a4763, #14465f, #0d475d, #044a5b, #004d5a, #005158, #005557, #015855, #025954, #005853, #005452, #004d50, #00444d, #003b4a, #003248, #002b48, #03254b, #0c234c, #132552, #182e5d, #1c3e70, #1e5487, #1b6fa0, #118eb8, #07adcd, #15cade, #2de4ea, #42f7f3, #6dfff7, #8efff8, #87fffb, #6dfdff, #67f5ff, #59ecff, #4ae2ff, #3cd9ff, #3ad1fe, #3dccfc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYw0aJMZlFjUauakH0kc7O3OSxRA`
- Page: https://grabient.com/kYw0aJMZlFjUauakH0kc7O3OSxRA?style=linearSwatches&steps=48&angle=135
- Drawn as: linear swatches, 48 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 13 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 | `#5fc7c4` | `oklch(76.77% 0.0965 192.66)` | Chinese Lacquer | black, 10.4 to 1 |
| 2 | `#58bebf` | `oklch(74.15% 0.0945 196.20)` | Pharaoh’s Seas | black, 9.5 to 1 |
| 3 | `#4fb1b8` | `oklch(70.50% 0.0918 201.43)` | Thalassa | black, 8.3 to 1 |
| 4 | `#45a2af` | `oklch(66.10% 0.0886 207.80)` | Teal Essence | black, 7 to 1 |
| 5 | `#3c91a4` | `oklch(61.23% 0.0850 214.77)` | Winter Time | black, 5.7 to 1 |
| 6 | `#358097` | `oklch(56.18% 0.0813 221.83)` | Forget-Me-Not Blue | black, 4.6 to 1 |
| 7 | `#2f6f8a` | `oklch(51.24% 0.0777 228.42)` | Astral | white, 5.5 to 1 |
| 8 | `#29617d` | `oklch(46.67% 0.0744 234.02)` | Berry Blue | white, 6.8 to 1 |
| 9 | `#245472` | `oklch(42.77% 0.0716 238.09)` | Midnight Sonata | white, 8 to 1 |
| 10 | `#1f4c69` | `oklch(39.83% 0.0695 240.10)` | Seafarer | white, 9.1 to 1 |
| 11 | `#1a4763` | `oklch(38.05% 0.0683 239.40)` | Dark Slate Blue | white, 9.8 to 1 |
| 12 | `#14465f` | `oklch(37.26% 0.0676 235.54)` | Sailor Blue | white, 10.1 to 1 |
| 13 | `#0d475d` | `oklch(37.25% 0.0675 229.26)` | Sultan’s Silk | white, 10.1 to 1 |
| 14 | `#044a5b` | `oklch(37.81% 0.0678 221.41)` | Nocturnal Expedition | white, 9.8 to 1 |
| 15 | `#004d5a` | `oklch(38.73% 0.0677 212.84)` | Watercolour Blue | white, 9.4 to 1 |
| 16 | `#005158` | `oklch(39.81% 0.0679 204.31)` | Cathedral View | white, 9 to 1 |
| 17 | `#005557` | `oklch(40.84% 0.0695 196.70)` | Ice Dark Turquoise | white, 8.5 to 1 |
| 18 | `#015855` | `oklch(41.61% 0.0713 190.84)` | Deep Sea Green | white, 8.2 to 1 |
| 19 | `#025954` | `oklch(41.94% 0.0723 187.57)` | Baltic Prince | white, 8.1 to 1 |
| 20 | `#005853` | `oklch(41.60% 0.0724 187.72)` | Castleton Green | white, 8.2 to 1 |
| 21 | `#005452` | `oklch(40.27% 0.0691 191.98)` | Pacific Storm | white, 8.7 to 1 |
| 22 | `#004d50` | `oklch(38.12% 0.0648 199.69)` | Dark Teal | white, 9.6 to 1 |
| 23 | `#00444d` | `oklch(35.47% 0.0613 209.82)` | Incubi Darkness | white, 10.8 to 1 |
| 24 | `#003b4a` | `oklch(32.67% 0.0601 221.37)` | Ghostlands Coal | white, 12.1 to 1 |
| 25 | `#003248` | `oklch(30.03% 0.0623 233.31)` | Cosmos Blue | white, 13.4 to 1 |
| 26 | `#002b48` | `oklch(27.91% 0.0697 244.62)` | Royal Blue Metallic | white, 14.5 to 1 |
| 27 | `#03254b` | `oklch(26.60% 0.0793 254.11)` | Oxford Blue | white, 15.3 to 1 |
| 28 | `#0c234c` | `oklch(26.48% 0.0816 261.08)` | Dark Eclipse | white, 15.4 to 1 |
| 29 | `#132552` | `oklch(27.86% 0.0847 264.39)` | Dark Soul | white, 14.8 to 1 |
| 30 | `#182e5d` | `oklch(31.21% 0.0889 263.24)` | Ending Navy Blue | white, 13.2 to 1 |
| 31 | `#1c3e70` | `oklch(36.68% 0.0944 258.19)` | Aegean Blue | white, 10.6 to 1 |
| 32 | `#1e5487` | `oklch(43.73% 0.1010 250.19)` | Frank Blue | white, 7.8 to 1 |
| 33 | `#1b6fa0` | `oklch(51.82% 0.1082 240.15)` | Cat’s Purr | white, 5.4 to 1 |
| 34 | `#118eb8` | `oklch(60.41% 0.1156 229.04)` | Hawaiian Ocean | black, 5.5 to 1 |
| 35 | `#07adcd` | `oklch(68.96% 0.1229 217.78)` | Ball Blue | black, 7.8 to 1 |
| 36 | `#15cade` | `oklch(76.91% 0.1297 207.31)` | Picnic Day Sky | black, 10.5 to 1 |
| 37 | `#2de4ea` | `oklch(83.74% 0.1355 198.57)` | Blue Dacnis | black, 13.3 to 1 |
| 38 | `#42f7f3` | `oklch(88.89% 0.1400 192.51)` | Frozen State | black, 15.8 to 1 |
| 39 | `#6dfff7` | `oklch(91.88% 0.1256 189.94)` | Moonglade Water | black, 17.2 to 1 |
| 40 | `#8efff8` | `oklch(93.09% 0.1048 190.20)` | Glitter Shower | black, 17.8 to 1 |
| 41 | `#87fffb` | `oklch(92.91% 0.1091 192.60)` | Glitter Shower | black, 17.7 to 1 |
| 42 | `#6dfdff` | `oklch(91.66% 0.1231 196.59)` | Ancient Ice | black, 17.1 to 1 |
| 43 | `#67f5ff` | `oklch(89.65% 0.1224 201.68)` | Frozen Turquoise | black, 16 to 1 |
| 44 | `#59ecff` | `oklch(87.20% 0.1254 207.36)` | Bioluminescence | black, 14.8 to 1 |
| 45 | `#4ae2ff` | `oklch(84.61% 0.1301 213.08)` | Ionized-Air Glow | black, 13.6 to 1 |
| 46 | `#3cd9ff` | `oklch(82.19% 0.1350 218.35)` | Berta Blue | black, 12.5 to 1 |
| 47 | `#3ad1fe` | `oklch(80.26% 0.1358 222.64)` | Thor’s Thunder | black, 11.7 to 1 |
| 48 | `#3dccfc` | `oklch(79.13% 0.1350 225.42)` | Thor’s Thunder | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5fc7c4 0.000% 2.083%, #58bebf 2.083% 4.167%, #4fb1b8 4.167% 6.250%, #45a2af 6.250% 8.333%, #3c91a4 8.333% 10.417%, #358097 10.417% 12.500%, #2f6f8a 12.500% 14.583%, #29617d 14.583% 16.667%, #245472 16.667% 18.750%, #1f4c69 18.750% 20.833%, #1a4763 20.833% 22.917%, #14465f 22.917% 25.000%, #0d475d 25.000% 27.083%, #044a5b 27.083% 29.167%, #004d5a 29.167% 31.250%, #005158 31.250% 33.333%, #005557 33.333% 35.417%, #015855 35.417% 37.500%, #025954 37.500% 39.583%, #005853 39.583% 41.667%, #005452 41.667% 43.750%, #004d50 43.750% 45.833%, #00444d 45.833% 47.917%, #003b4a 47.917% 50.000%, #003248 50.000% 52.083%, #002b48 52.083% 54.167%, #03254b 54.167% 56.250%, #0c234c 56.250% 58.333%, #132552 58.333% 60.417%, #182e5d 60.417% 62.500%, #1c3e70 62.500% 64.583%, #1e5487 64.583% 66.667%, #1b6fa0 66.667% 68.750%, #118eb8 68.750% 70.833%, #07adcd 70.833% 72.917%, #15cade 72.917% 75.000%, #2de4ea 75.000% 77.083%, #42f7f3 77.083% 79.167%, #6dfff7 79.167% 81.250%, #8efff8 81.250% 83.333%, #87fffb 83.333% 85.417%, #6dfdff 85.417% 87.500%, #67f5ff 87.500% 89.583%, #59ecff 89.583% 91.667%, #4ae2ff 91.667% 93.750%, #3cd9ff 93.750% 95.833%, #3ad1fe 95.833% 97.917%, #3dccfc 97.917% 100.000%);
background: linear-gradient(135deg, oklch(76.77% 0.0965 192.66) 0.000% 2.083%, oklch(74.15% 0.0945 196.20) 2.083% 4.167%, oklch(70.50% 0.0918 201.43) 4.167% 6.250%, oklch(66.10% 0.0886 207.80) 6.250% 8.333%, oklch(61.23% 0.0850 214.77) 8.333% 10.417%, oklch(56.18% 0.0813 221.83) 10.417% 12.500%, oklch(51.24% 0.0777 228.42) 12.500% 14.583%, oklch(46.67% 0.0744 234.02) 14.583% 16.667%, oklch(42.77% 0.0716 238.09) 16.667% 18.750%, oklch(39.83% 0.0695 240.10) 18.750% 20.833%, oklch(38.05% 0.0683 239.40) 20.833% 22.917%, oklch(37.26% 0.0676 235.54) 22.917% 25.000%, oklch(37.25% 0.0675 229.26) 25.000% 27.083%, oklch(37.81% 0.0678 221.41) 27.083% 29.167%, oklch(38.73% 0.0677 212.84) 29.167% 31.250%, oklch(39.81% 0.0679 204.31) 31.250% 33.333%, oklch(40.84% 0.0695 196.70) 33.333% 35.417%, oklch(41.61% 0.0713 190.84) 35.417% 37.500%, oklch(41.94% 0.0723 187.57) 37.500% 39.583%, oklch(41.60% 0.0724 187.72) 39.583% 41.667%, oklch(40.27% 0.0691 191.98) 41.667% 43.750%, oklch(38.12% 0.0648 199.69) 43.750% 45.833%, oklch(35.47% 0.0613 209.82) 45.833% 47.917%, oklch(32.67% 0.0601 221.37) 47.917% 50.000%, oklch(30.03% 0.0623 233.31) 50.000% 52.083%, oklch(27.91% 0.0697 244.62) 52.083% 54.167%, oklch(26.60% 0.0793 254.11) 54.167% 56.250%, oklch(26.48% 0.0816 261.08) 56.250% 58.333%, oklch(27.86% 0.0847 264.39) 58.333% 60.417%, oklch(31.21% 0.0889 263.24) 60.417% 62.500%, oklch(36.68% 0.0944 258.19) 62.500% 64.583%, oklch(43.73% 0.1010 250.19) 64.583% 66.667%, oklch(51.82% 0.1082 240.15) 66.667% 68.750%, oklch(60.41% 0.1156 229.04) 68.750% 70.833%, oklch(68.96% 0.1229 217.78) 70.833% 72.917%, oklch(76.91% 0.1297 207.31) 72.917% 75.000%, oklch(83.74% 0.1355 198.57) 75.000% 77.083%, oklch(88.89% 0.1400 192.51) 77.083% 79.167%, oklch(91.88% 0.1256 189.94) 79.167% 81.250%, oklch(93.09% 0.1048 190.20) 81.250% 83.333%, oklch(92.91% 0.1091 192.60) 83.333% 85.417%, oklch(91.66% 0.1231 196.59) 85.417% 87.500%, oklch(89.65% 0.1224 201.68) 87.500% 89.583%, oklch(87.20% 0.1254 207.36) 89.583% 91.667%, oklch(84.61% 0.1301 213.08) 91.667% 93.750%, oklch(82.19% 0.1350 218.35) 93.750% 95.833%, oklch(80.26% 0.1358 222.64) 95.833% 97.917%, oklch(79.13% 0.1350 225.42) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.096 | 192.7 |
| 2 | 0.39 | 0.069 | 240.2 |
| 3 | 0.417 | 0.073 | 187.4 |
| 4 | 0.283 | 0.085 | 264.5 |
| 5 | 0.909 | 0.142 | 190.5 |
| 6 | 0.791 | 0.135 | 225.4 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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