# Analogous teal and blue linear swatches

Analogous teal and blue linear swatches with 32 colors: #5ec19a, #59bf99, #52bd98, #48bb96, #3cb895, #2db594, #14b292, #00ae92, #00a991, #00a490, #00a08f, #009c8e, #00988d, #00948c, #00918b, #008d8a, #008989, #008587, #008186, #007d84, #007a83, #007681, #00727f, #006d7c, #00697a, #006477, #006074, #005c72, #00586f, #00556d, #00526b, #00506a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUvFB10DNB8I6QqzNsKg`
- Page: https://grabient.com/kUvFB10DNB8I6QqzNsKg?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4 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 | `#5ec19a` | `oklch(74.02% 0.1102 165.23)` | Silver Tree | black, 9.5 to 1 |
| 2 | `#59bf99` | `oklch(73.38% 0.1120 166.18)` | New Meadow | black, 9.3 to 1 |
| 3 | `#52bd98` | `oklch(72.58% 0.1144 167.35)` | Expressionism Green | black, 9.1 to 1 |
| 4 | `#48bb96` | `oklch(71.62% 0.1172 168.72)` | Expressionism Green | black, 8.8 to 1 |
| 5 | `#3cb895` | `oklch(70.55% 0.1203 170.26)` | Aoife’s Green | black, 8.4 to 1 |
| 6 | `#2db594` | `oklch(69.39% 0.1236 171.94)` | Aoife’s Green | black, 8.1 to 1 |
| 7 | `#14b292` | `oklch(68.18% 0.1271 173.74)` | Victorian Greenhouse | black, 7.7 to 1 |
| 8 | `#00ae92` | `oklch(66.94% 0.1255 175.62)` | Hobgoblin | black, 7.4 to 1 |
| 9 | `#00a991` | `oklch(65.70% 0.1213 177.56)` | Shindig | black, 7 to 1 |
| 10 | `#00a490` | `oklch(64.50% 0.1174 179.52)` | Fishy House | black, 6.7 to 1 |
| 11 | `#00a08f` | `oklch(63.36% 0.1138 181.49)` | Turquish | black, 6.4 to 1 |
| 12 | `#009c8e` | `oklch(62.28% 0.1106 183.46)` | Tropics | black, 6.1 to 1 |
| 13 | `#00988d` | `oklch(61.23% 0.1076 185.53)` | Green Dynasty | black, 5.8 to 1 |
| 14 | `#00948c` | `oklch(60.17% 0.1048 187.69)` | Torrid Turquoise | black, 5.6 to 1 |
| 15 | `#00918b` | `oklch(59.12% 0.1021 189.92)` | Supermint | black, 5.3 to 1 |
| 16 | `#008d8a` | `oklch(58.06% 0.0996 192.21)` | Corfu Shallows | black, 5.1 to 1 |
| 17 | `#008989` | `oklch(57.00% 0.0973 194.54)` | Green Moblin | black, 4.9 to 1 |
| 18 | `#008587` | `oklch(55.94% 0.0952 196.89)` | Bay Teal | black, 4.7 to 1 |
| 19 | `#008186` | `oklch(54.87% 0.0933 199.24)` | Precious Blue | white, 4.6 to 1 |
| 20 | `#007d84` | `oklch(53.79% 0.0915 201.58)` | Macquarie | white, 4.8 to 1 |
| 21 | `#007a83` | `oklch(52.71% 0.0898 203.89)` | Mediterranean Cove | white, 5.1 to 1 |
| 22 | `#007681` | `oklch(51.60% 0.0883 206.16)` | Hypnotic Sea | white, 5.3 to 1 |
| 23 | `#00727f` | `oklch(50.40% 0.0868 208.57)` | Deep Current | white, 5.6 to 1 |
| 24 | `#006d7c` | `oklch(49.13% 0.0853 211.11)` | Coastal Jetty | white, 6 to 1 |
| 25 | `#00697a` | `oklch(47.80% 0.0839 213.73)` | Teal With It | white, 6.3 to 1 |
| 26 | `#006477` | `oklch(46.47% 0.0827 216.35)` | Atlantis Myth | white, 6.7 to 1 |
| 27 | `#006074` | `oklch(45.16% 0.0816 218.91)` | Ocean Radiance | white, 7.1 to 1 |
| 28 | `#005c72` | `oklch(43.91% 0.0807 221.36)` | Octagon Ocean | white, 7.5 to 1 |
| 29 | `#00586f` | `oklch(42.75% 0.0800 223.62)` | Subaqueous | white, 7.9 to 1 |
| 30 | `#00556d` | `oklch(41.72% 0.0795 225.64)` | Blue Palisade | white, 8.3 to 1 |
| 31 | `#00526b` | `oklch(40.84% 0.0791 227.35)` | Blue Palisade | white, 8.7 to 1 |
| 32 | `#00506a` | `oklch(40.16% 0.0789 228.68)` | Hanada Blue | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5ec19a 0.000% 3.125%, #59bf99 3.125% 6.250%, #52bd98 6.250% 9.375%, #48bb96 9.375% 12.500%, #3cb895 12.500% 15.625%, #2db594 15.625% 18.750%, #14b292 18.750% 21.875%, #00ae92 21.875% 25.000%, #00a991 25.000% 28.125%, #00a490 28.125% 31.250%, #00a08f 31.250% 34.375%, #009c8e 34.375% 37.500%, #00988d 37.500% 40.625%, #00948c 40.625% 43.750%, #00918b 43.750% 46.875%, #008d8a 46.875% 50.000%, #008989 50.000% 53.125%, #008587 53.125% 56.250%, #008186 56.250% 59.375%, #007d84 59.375% 62.500%, #007a83 62.500% 65.625%, #007681 65.625% 68.750%, #00727f 68.750% 71.875%, #006d7c 71.875% 75.000%, #00697a 75.000% 78.125%, #006477 78.125% 81.250%, #006074 81.250% 84.375%, #005c72 84.375% 87.500%, #00586f 87.500% 90.625%, #00556d 90.625% 93.750%, #00526b 93.750% 96.875%, #00506a 96.875% 100.000%);
background: linear-gradient(90deg, oklch(74.02% 0.1102 165.23) 0.000% 3.125%, oklch(73.38% 0.1120 166.18) 3.125% 6.250%, oklch(72.58% 0.1144 167.35) 6.250% 9.375%, oklch(71.62% 0.1172 168.72) 9.375% 12.500%, oklch(70.55% 0.1203 170.26) 12.500% 15.625%, oklch(69.39% 0.1236 171.94) 15.625% 18.750%, oklch(68.18% 0.1271 173.74) 18.750% 21.875%, oklch(66.94% 0.1255 175.62) 21.875% 25.000%, oklch(65.70% 0.1213 177.56) 25.000% 28.125%, oklch(64.50% 0.1174 179.52) 28.125% 31.250%, oklch(63.36% 0.1138 181.49) 31.250% 34.375%, oklch(62.28% 0.1106 183.46) 34.375% 37.500%, oklch(61.23% 0.1076 185.53) 37.500% 40.625%, oklch(60.17% 0.1048 187.69) 40.625% 43.750%, oklch(59.12% 0.1021 189.92) 43.750% 46.875%, oklch(58.06% 0.0996 192.21) 46.875% 50.000%, oklch(57.00% 0.0973 194.54) 50.000% 53.125%, oklch(55.94% 0.0952 196.89) 53.125% 56.250%, oklch(54.87% 0.0933 199.24) 56.250% 59.375%, oklch(53.79% 0.0915 201.58) 59.375% 62.500%, oklch(52.71% 0.0898 203.89) 62.500% 65.625%, oklch(51.60% 0.0883 206.16) 65.625% 68.750%, oklch(50.40% 0.0868 208.57) 68.750% 71.875%, oklch(49.13% 0.0853 211.11) 71.875% 75.000%, oklch(47.80% 0.0839 213.73) 75.000% 78.125%, oklch(46.47% 0.0827 216.35) 78.125% 81.250%, oklch(45.16% 0.0816 218.91) 81.250% 84.375%, oklch(43.91% 0.0807 221.36) 84.375% 87.500%, oklch(42.75% 0.0800 223.62) 87.500% 90.625%, oklch(41.72% 0.0795 225.64) 90.625% 93.750%, oklch(40.84% 0.0791 227.35) 93.750% 96.875%, oklch(40.16% 0.0789 228.68) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.11 | 165.2 |
| 2 | 0.63 | 0.141 | 182.1 |
| 3 | 0.52 | 0.16 | 205.4 |
| 4 | 0.402 | 0.15 | 228.6 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)
- [Beach gradients](https://grabient.com/beach-gradients)
- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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