# Analogous blue, light blue and teal linear swatches

Analogous blue, light blue and teal linear swatches with 32 colors: #07424e, #074955, #07525f, #075e6b, #076a77, #077681, #07818a, #068c93, #08979b, #0ea1a2, #16aba9, #1eb4af, #22bcb5, #26c4ba, #30cabf, #3ed1c4, #53d7c9, #70ded0, #8ce4d7, #a3e9dd, #b1eae0, #b1e7df, #a4dfd7, #8dd4cd, #70c7c1, #53b9b6, #3bacac, #2b9fa1, #219096, #1c828a, #1a7780, #176e79. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaWSuaQqA-tapPlkq788ZS_tekQS_HMFg`
- Page: https://grabient.com/kaWSuaQqA-tapPlkq788ZS_tekQS_HMFg?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.2 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 | `#07424e` | `oklch(35.04% 0.0593 216.56)` | Cold and Dark | white, 11 to 1 |
| 2 | `#074955` | `oklch(37.33% 0.0631 215.23)` | Midnight Green | white, 10 to 1 |
| 3 | `#07525f` | `oklch(40.56% 0.0685 213.39)` | Sandalwood Grey Blue | white, 8.7 to 1 |
| 4 | `#075e6b` | `oklch(44.32% 0.0749 211.19)` | Fish Tale | white, 7.4 to 1 |
| 5 | `#076a77` | `oklch(48.22% 0.0814 208.80)` | Mary Blue | white, 6.2 to 1 |
| 6 | `#077681` | `oklch(51.82% 0.0873 206.39)` | Hypnotic Sea | white, 5.3 to 1 |
| 7 | `#07818a` | `oklch(55.04% 0.0926 203.88)` | Riviera Sea | white, 4.6 to 1 |
| 8 | `#068c93` | `oklch(58.26% 0.0980 201.05)` | Tempo Teal | black, 5.1 to 1 |
| 9 | `#08979b` | `oklch(61.41% 0.1032 198.14)` | Ocean Reef | black, 5.9 to 1 |
| 10 | `#0ea1a2` | `oklch(64.42% 0.1080 195.36)` | Pleasant Stream | black, 6.6 to 1 |
| 11 | `#16aba9` | `oklch(67.23% 0.1119 192.94)` | Blue Island | black, 7.4 to 1 |
| 12 | `#1eb4af` | `oklch(69.77% 0.1153 191.05)` | Glass Jar Blue | black, 8.2 to 1 |
| 13 | `#22bcb5` | `oklch(72.04% 0.1190 189.52)` | Super Rare Jade | black, 8.9 to 1 |
| 14 | `#26c4ba` | `oklch(74.14% 0.1222 188.27)` | Swimmers Pool | black, 9.6 to 1 |
| 15 | `#30cabf` | `oklch(76.13% 0.1236 187.23)` | Exquisite Turquoise | black, 10.3 to 1 |
| 16 | `#3ed1c4` | `oklch(78.12% 0.1221 186.33)` | Bianchi Green | black, 11 to 1 |
| 17 | `#53d7c9` | `oklch(80.29% 0.1161 185.49)` | Jazzy Jade | black, 11.9 to 1 |
| 18 | `#70ded0` | `oklch(83.08% 0.1034 184.61)` | Hammam Blue | black, 13 to 1 |
| 19 | `#8ce4d7` | `oklch(85.99% 0.0873 183.86)` | Sharbah Fizz | black, 14.2 to 1 |
| 20 | `#a3e9dd` | `oklch(88.37% 0.0716 183.40)` | Oasis Stream | black, 15.2 to 1 |
| 21 | `#b1eae0` | `oklch(89.56% 0.0600 183.42)` | Gentle Giant | black, 15.7 to 1 |
| 22 | `#b1e7df` | `oklch(88.91% 0.0564 184.12)` | Cool Crayon | black, 15.3 to 1 |
| 23 | `#a4dfd7` | `oklch(86.24% 0.0615 185.58)` | Frosty | black, 14.1 to 1 |
| 24 | `#8dd4cd` | `oklch(82.14% 0.0721 187.60)` | Electro Chill | black, 12.4 to 1 |
| 25 | `#70c7c1` | `oklch(77.32% 0.0844 189.95)` | Turkish Teal | black, 10.6 to 1 |
| 26 | `#53b9b6` | `oklch(72.47% 0.0948 192.41)` | Hygiene Green | black, 8.9 to 1 |
| 27 | `#3bacac` | `oklch(68.25% 0.0995 194.75)` | Pluto | black, 7.6 to 1 |
| 28 | `#2b9fa1` | `oklch(64.08% 0.0984 197.34)` | Baltic | black, 6.5 to 1 |
| 29 | `#219096` | `oklch(59.74% 0.0940 200.19)` | Splashy | black, 5.4 to 1 |
| 30 | `#1c828a` | `oklch(55.62% 0.0880 202.97)` | Riviera Sea | black, 4.6 to 1 |
| 31 | `#1a7780` | `oklch(52.11% 0.0822 205.36)` | Blue Kelp | white, 5.2 to 1 |
| 32 | `#176e79` | `oklch(49.61% 0.0785 207.05)` | Carnival Night | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #07424e 0.000% 3.125%, #074955 3.125% 6.250%, #07525f 6.250% 9.375%, #075e6b 9.375% 12.500%, #076a77 12.500% 15.625%, #077681 15.625% 18.750%, #07818a 18.750% 21.875%, #068c93 21.875% 25.000%, #08979b 25.000% 28.125%, #0ea1a2 28.125% 31.250%, #16aba9 31.250% 34.375%, #1eb4af 34.375% 37.500%, #22bcb5 37.500% 40.625%, #26c4ba 40.625% 43.750%, #30cabf 43.750% 46.875%, #3ed1c4 46.875% 50.000%, #53d7c9 50.000% 53.125%, #70ded0 53.125% 56.250%, #8ce4d7 56.250% 59.375%, #a3e9dd 59.375% 62.500%, #b1eae0 62.500% 65.625%, #b1e7df 65.625% 68.750%, #a4dfd7 68.750% 71.875%, #8dd4cd 71.875% 75.000%, #70c7c1 75.000% 78.125%, #53b9b6 78.125% 81.250%, #3bacac 81.250% 84.375%, #2b9fa1 84.375% 87.500%, #219096 87.500% 90.625%, #1c828a 90.625% 93.750%, #1a7780 93.750% 96.875%, #176e79 96.875% 100.000%);
background: linear-gradient(90deg, oklch(35.04% 0.0593 216.56) 0.000% 3.125%, oklch(37.33% 0.0631 215.23) 3.125% 6.250%, oklch(40.56% 0.0685 213.39) 6.250% 9.375%, oklch(44.32% 0.0749 211.19) 9.375% 12.500%, oklch(48.22% 0.0814 208.80) 12.500% 15.625%, oklch(51.82% 0.0873 206.39) 15.625% 18.750%, oklch(55.04% 0.0926 203.88) 18.750% 21.875%, oklch(58.26% 0.0980 201.05) 21.875% 25.000%, oklch(61.41% 0.1032 198.14) 25.000% 28.125%, oklch(64.42% 0.1080 195.36) 28.125% 31.250%, oklch(67.23% 0.1119 192.94) 31.250% 34.375%, oklch(69.77% 0.1153 191.05) 34.375% 37.500%, oklch(72.04% 0.1190 189.52) 37.500% 40.625%, oklch(74.14% 0.1222 188.27) 40.625% 43.750%, oklch(76.13% 0.1236 187.23) 43.750% 46.875%, oklch(78.12% 0.1221 186.33) 46.875% 50.000%, oklch(80.29% 0.1161 185.49) 50.000% 53.125%, oklch(83.08% 0.1034 184.61) 53.125% 56.250%, oklch(85.99% 0.0873 183.86) 56.250% 59.375%, oklch(88.37% 0.0716 183.40) 59.375% 62.500%, oklch(89.56% 0.0600 183.42) 62.500% 65.625%, oklch(88.91% 0.0564 184.12) 65.625% 68.750%, oklch(86.24% 0.0615 185.58) 68.750% 71.875%, oklch(82.14% 0.0721 187.60) 71.875% 75.000%, oklch(77.32% 0.0844 189.95) 75.000% 78.125%, oklch(72.47% 0.0948 192.41) 78.125% 81.250%, oklch(68.25% 0.0995 194.75) 81.250% 84.375%, oklch(64.08% 0.0984 197.34) 84.375% 87.500%, oklch(59.74% 0.0940 200.19) 87.500% 90.625%, oklch(55.62% 0.0880 202.97) 90.625% 93.750%, oklch(52.11% 0.0822 205.36) 93.750% 96.875%, oklch(49.61% 0.0785 207.05) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.059 | 216.6 |
| 2 | 0.524 | 0.088 | 206 |
| 3 | 0.681 | 0.113 | 192.3 |
| 4 | 0.791 | 0.12 | 185.9 |
| 5 | 0.894 | 0.056 | 183.8 |
| 6 | 0.689 | 0.099 | 194.4 |
| 7 | 0.496 | 0.079 | 207.1 |

## In these collections

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

## Other forms

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