# Teal and black linear swatches

Teal and black linear swatches with 64 colors: #5ec19a, #5bbe99, #56ba97, #52b595, #4cb093, #47ab90, #41a48e, #3b9e8a, #359787, #2f9083, #29897f, #24817a, #1f7a76, #1a7271, #156a6b, #116366, #0e5b60, #0b545b, #084d55, #06464f, #05404a, #043a44, #03343f, #022f3a, #022a36, #022632, #01232e, #011f2b, #011d28, #011b26, #001924, #001823, #001823, #001924, #001a25, #001b27, #001e29, #00202c, #00242f, #002733, #002b37, #00303b, #003540, #003b45, #00404a, #00474f, #014d55, #02545a, #045a5f, #066164, #0b6969, #0f706e, #147772, #1a7e77, #1f847b, #258b7e, #2a9181, #309784, #359d87, #3ba289, #3fa78b, #44ab8d, #48af8f, #4bb290. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSvFB1mQ5HlgnuK`
- Page: https://grabient.com/kSvFB1mQ5HlgnuK?style=linearSwatches&steps=64&angle=225
- Drawn as: linear swatches, 64 steps, 225 degrees
- Kinds: dark 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 | `#5ec19a` | `oklch(74.02% 0.1102 165.23)` | Silver Tree | black, 9.5 to 1 |
| 2 | `#5bbe99` | `oklch(73.05% 0.1090 166.38)` | Expressionism Green | black, 9.2 to 1 |
| 3 | `#56ba97` | `oklch(71.88% 0.1074 167.77)` | Expressionism Green | black, 8.8 to 1 |
| 4 | `#52b595` | `oklch(70.53% 0.1056 169.38)` | Electra | black, 8.4 to 1 |
| 5 | `#4cb093` | `oklch(69.01% 0.1036 171.19)` | Green Blue | black, 7.9 to 1 |
| 6 | `#47ab90` | `oklch(67.34% 0.1014 173.18)` | Hole in One | black, 7.4 to 1 |
| 7 | `#41a48e` | `oklch(65.53% 0.0990 175.34)` | Marine Green | black, 6.9 to 1 |
| 8 | `#3b9e8a` | `oklch(63.60% 0.0964 177.64)` | Dioptase Green | black, 6.4 to 1 |
| 9 | `#359787` | `oklch(61.56% 0.0937 180.08)` | Temple Guard Blue | black, 5.9 to 1 |
| 10 | `#2f9083` | `oklch(59.42% 0.0908 182.62)` | Ocean Liner | black, 5.4 to 1 |
| 11 | `#29897f` | `oklch(57.21% 0.0879 185.26)` | Copper Turquoise | black, 4.9 to 1 |
| 12 | `#24817a` | `oklch(54.94% 0.0849 187.97)` | Autumn Pine Green | white, 4.6 to 1 |
| 13 | `#1f7a76` | `oklch(52.62% 0.0818 190.73)` | Ivy | white, 5.1 to 1 |
| 14 | `#1a7271` | `oklch(50.26% 0.0787 193.54)` | Artisan Green | white, 5.7 to 1 |
| 15 | `#156a6b` | `oklch(47.89% 0.0755 196.36)` | Bath Green | white, 6.3 to 1 |
| 16 | `#116366` | `oklch(45.52% 0.0724 199.19)` | Caribbean Swim | white, 7 to 1 |
| 17 | `#0e5b60` | `oklch(43.16% 0.0692 202.00)` | Enamelled Jewel | white, 7.7 to 1 |
| 18 | `#0b545b` | `oklch(40.83% 0.0661 204.77)` | Seaworld | white, 8.6 to 1 |
| 19 | `#084d55` | `oklch(38.55% 0.0631 207.49)` | Watercolour Blue | white, 9.5 to 1 |
| 20 | `#06464f` | `oklch(36.32% 0.0602 210.13)` | Midnight Green | white, 10.4 to 1 |
| 21 | `#05404a` | `oklch(34.17% 0.0573 212.69)` | Cold and Dark | white, 11.4 to 1 |
| 22 | `#043a44` | `oklch(32.11% 0.0546 215.14)` | Natural Indigo | white, 12.4 to 1 |
| 23 | `#03343f` | `oklch(30.15% 0.0520 217.46)` | Artist Blue | white, 13.3 to 1 |
| 24 | `#022f3a` | `oklch(28.31% 0.0496 219.63)` | Black Chasm | white, 14.2 to 1 |
| 25 | `#022a36` | `oklch(26.61% 0.0474 221.65)` | Daintree | white, 15 to 1 |
| 26 | `#022632` | `oklch(25.06% 0.0454 223.48)` | Daintree | white, 15.8 to 1 |
| 27 | `#01232e` | `oklch(23.67% 0.0436 225.11)` | Midnight Dreams | white, 16.4 to 1 |
| 28 | `#011f2b` | `oklch(22.47% 0.0420 226.52)` | Cyanophobia | white, 17 to 1 |
| 29 | `#011d28` | `oklch(21.46% 0.0407 227.70)` | Oxford by Night | white, 17.4 to 1 |
| 30 | `#011b26` | `oklch(20.66% 0.0397 228.62)` | Creeping Death | white, 17.7 to 1 |
| 31 | `#001924` | `oklch(20.09% 0.0390 229.27)` | Creeping Death | white, 17.9 to 1 |
| 32 | `#001823` | `oklch(19.76% 0.0386 229.63)` | Creeping Death | white, 18.1 to 1 |
| 33 | `#001823` | `oklch(19.68% 0.0386 229.68)` | Creeping Death | white, 18.1 to 1 |
| 34 | `#001924` | `oklch(19.86% 0.0389 229.43)` | Creeping Death | white, 18 to 1 |
| 35 | `#001a25` | `oklch(20.27% 0.0396 228.88)` | Creeping Death | white, 17.9 to 1 |
| 36 | `#001b27` | `oklch(20.91% 0.0405 228.07)` | Oxford by Night | white, 17.6 to 1 |
| 37 | `#001e29` | `oklch(21.75% 0.0418 227.00)` | Oxford by Night | white, 17.3 to 1 |
| 38 | `#00202c` | `oklch(22.79% 0.0433 225.70)` | Midnight Dreams | white, 16.8 to 1 |
| 39 | `#00242f` | `oklch(24.00% 0.0450 224.19)` | Daintree | white, 16.3 to 1 |
| 40 | `#002733` | `oklch(25.38% 0.0470 222.47)` | Daintree | white, 15.6 to 1 |
| 41 | `#002b37` | `oklch(26.91% 0.0492 220.58)` | Black Chasm | white, 14.9 to 1 |
| 42 | `#00303b` | `oklch(28.58% 0.0515 218.54)` | Artist Blue | white, 14.1 to 1 |
| 43 | `#003540` | `oklch(30.36% 0.0540 216.34)` | Natural Indigo | white, 13.2 to 1 |
| 44 | `#003b45` | `oklch(32.25% 0.0567 214.01)` | Ghostlands Coal | white, 12.3 to 1 |
| 45 | `#00404a` | `oklch(34.22% 0.0595 211.55)` | Ghostlands Coal | white, 11.4 to 1 |
| 46 | `#00474f` | `oklch(36.28% 0.0625 209.01)` | Sherpa Blue | white, 10.4 to 1 |
| 47 | `#014d55` | `oklch(38.39% 0.0654 206.41)` | Watercolour Blue | white, 9.5 to 1 |
| 48 | `#02545a` | `oklch(40.55% 0.0685 203.75)` | Deep Teal | white, 8.7 to 1 |
| 49 | `#045a5f` | `oklch(42.74% 0.0716 201.06)` | Blue Emerald | white, 7.9 to 1 |
| 50 | `#066164` | `oklch(44.94% 0.0747 198.34)` | Beau Vert | white, 7.1 to 1 |
| 51 | `#0b6969` | `oklch(47.15% 0.0778 195.63)` | Bath Green | white, 6.5 to 1 |
| 52 | `#0f706e` | `oklch(49.35% 0.0808 192.93)` | Boating Green | white, 5.9 to 1 |
| 53 | `#147772` | `oklch(51.51% 0.0839 190.27)` | Mermaid Harbour | white, 5.3 to 1 |
| 54 | `#1a7e77` | `oklch(53.64% 0.0869 187.66)` | Coelia Greenshade | white, 4.9 to 1 |
| 55 | `#1f847b` | `oklch(55.70% 0.0898 185.12)` | Egyptian Green | black, 4.6 to 1 |
| 56 | `#258b7e` | `oklch(57.70% 0.0926 182.66)` | Porcelain Green | black, 5 to 1 |
| 57 | `#2a9181` | `oklch(59.61% 0.0952 180.32)` | Miami Jade | black, 5.4 to 1 |
| 58 | `#309784` | `oklch(61.41% 0.0978 178.10)` | Green Jelly | black, 5.9 to 1 |
| 59 | `#359d87` | `oklch(63.10% 0.1001 176.02)` | Gossamer | black, 6.3 to 1 |
| 60 | `#3ba289` | `oklch(64.66% 0.1023 174.11)` | Stamp Pad Green | black, 6.7 to 1 |
| 61 | `#3fa78b` | `oklch(66.07% 0.1043 172.37)` | Zomp | black, 7.1 to 1 |
| 62 | `#44ab8d` | `oklch(67.33% 0.1061 170.83)` | Laurel Wreath | black, 7.4 to 1 |
| 63 | `#48af8f` | `oklch(68.40% 0.1076 169.50)` | Walk in the Woods | black, 7.7 to 1 |
| 64 | `#4bb290` | `oklch(69.29% 0.1089 168.40)` | Green Blue | black, 8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #5ec19a 0.000% 1.563%, #5bbe99 1.563% 3.125%, #56ba97 3.125% 4.688%, #52b595 4.688% 6.250%, #4cb093 6.250% 7.813%, #47ab90 7.813% 9.375%, #41a48e 9.375% 10.938%, #3b9e8a 10.938% 12.500%, #359787 12.500% 14.063%, #2f9083 14.063% 15.625%, #29897f 15.625% 17.188%, #24817a 17.188% 18.750%, #1f7a76 18.750% 20.313%, #1a7271 20.313% 21.875%, #156a6b 21.875% 23.438%, #116366 23.438% 25.000%, #0e5b60 25.000% 26.563%, #0b545b 26.563% 28.125%, #084d55 28.125% 29.688%, #06464f 29.688% 31.250%, #05404a 31.250% 32.813%, #043a44 32.813% 34.375%, #03343f 34.375% 35.938%, #022f3a 35.938% 37.500%, #022a36 37.500% 39.063%, #022632 39.063% 40.625%, #01232e 40.625% 42.188%, #011f2b 42.188% 43.750%, #011d28 43.750% 45.313%, #011b26 45.313% 46.875%, #001924 46.875% 48.438%, #001823 48.438% 50.000%, #001823 50.000% 51.563%, #001924 51.563% 53.125%, #001a25 53.125% 54.688%, #001b27 54.688% 56.250%, #001e29 56.250% 57.813%, #00202c 57.813% 59.375%, #00242f 59.375% 60.938%, #002733 60.938% 62.500%, #002b37 62.500% 64.063%, #00303b 64.063% 65.625%, #003540 65.625% 67.188%, #003b45 67.188% 68.750%, #00404a 68.750% 70.313%, #00474f 70.313% 71.875%, #014d55 71.875% 73.438%, #02545a 73.438% 75.000%, #045a5f 75.000% 76.563%, #066164 76.563% 78.125%, #0b6969 78.125% 79.688%, #0f706e 79.688% 81.250%, #147772 81.250% 82.813%, #1a7e77 82.813% 84.375%, #1f847b 84.375% 85.938%, #258b7e 85.938% 87.500%, #2a9181 87.500% 89.063%, #309784 89.063% 90.625%, #359d87 90.625% 92.188%, #3ba289 92.188% 93.750%, #3fa78b 93.750% 95.313%, #44ab8d 95.313% 96.875%, #48af8f 96.875% 98.438%, #4bb290 98.438% 100.000%);
background: linear-gradient(225deg, oklch(74.02% 0.1102 165.23) 0.000% 1.563%, oklch(73.05% 0.1090 166.38) 1.563% 3.125%, oklch(71.88% 0.1074 167.77) 3.125% 4.688%, oklch(70.53% 0.1056 169.38) 4.688% 6.250%, oklch(69.01% 0.1036 171.19) 6.250% 7.813%, oklch(67.34% 0.1014 173.18) 7.813% 9.375%, oklch(65.53% 0.0990 175.34) 9.375% 10.938%, oklch(63.60% 0.0964 177.64) 10.938% 12.500%, oklch(61.56% 0.0937 180.08) 12.500% 14.063%, oklch(59.42% 0.0908 182.62) 14.063% 15.625%, oklch(57.21% 0.0879 185.26) 15.625% 17.188%, oklch(54.94% 0.0849 187.97) 17.188% 18.750%, oklch(52.62% 0.0818 190.73) 18.750% 20.313%, oklch(50.26% 0.0787 193.54) 20.313% 21.875%, oklch(47.89% 0.0755 196.36) 21.875% 23.438%, oklch(45.52% 0.0724 199.19) 23.438% 25.000%, oklch(43.16% 0.0692 202.00) 25.000% 26.563%, oklch(40.83% 0.0661 204.77) 26.563% 28.125%, oklch(38.55% 0.0631 207.49) 28.125% 29.688%, oklch(36.32% 0.0602 210.13) 29.688% 31.250%, oklch(34.17% 0.0573 212.69) 31.250% 32.813%, oklch(32.11% 0.0546 215.14) 32.813% 34.375%, oklch(30.15% 0.0520 217.46) 34.375% 35.938%, oklch(28.31% 0.0496 219.63) 35.938% 37.500%, oklch(26.61% 0.0474 221.65) 37.500% 39.063%, oklch(25.06% 0.0454 223.48) 39.063% 40.625%, oklch(23.67% 0.0436 225.11) 40.625% 42.188%, oklch(22.47% 0.0420 226.52) 42.188% 43.750%, oklch(21.46% 0.0407 227.70) 43.750% 45.313%, oklch(20.66% 0.0397 228.62) 45.313% 46.875%, oklch(20.09% 0.0390 229.27) 46.875% 48.438%, oklch(19.76% 0.0386 229.63) 48.438% 50.000%, oklch(19.68% 0.0386 229.68) 50.000% 51.563%, oklch(19.86% 0.0389 229.43) 51.563% 53.125%, oklch(20.27% 0.0396 228.88) 53.125% 54.688%, oklch(20.91% 0.0405 228.07) 54.688% 56.250%, oklch(21.75% 0.0418 227.00) 56.250% 57.813%, oklch(22.79% 0.0433 225.70) 57.813% 59.375%, oklch(24.00% 0.0450 224.19) 59.375% 60.938%, oklch(25.38% 0.0470 222.47) 60.938% 62.500%, oklch(26.91% 0.0492 220.58) 62.500% 64.063%, oklch(28.58% 0.0515 218.54) 64.063% 65.625%, oklch(30.36% 0.0540 216.34) 65.625% 67.188%, oklch(32.25% 0.0567 214.01) 67.188% 68.750%, oklch(34.22% 0.0595 211.55) 68.750% 70.313%, oklch(36.28% 0.0625 209.01) 70.313% 71.875%, oklch(38.39% 0.0654 206.41) 71.875% 73.438%, oklch(40.55% 0.0685 203.75) 73.438% 75.000%, oklch(42.74% 0.0716 201.06) 75.000% 76.563%, oklch(44.94% 0.0747 198.34) 76.563% 78.125%, oklch(47.15% 0.0778 195.63) 78.125% 79.688%, oklch(49.35% 0.0808 192.93) 79.688% 81.250%, oklch(51.51% 0.0839 190.27) 81.250% 82.813%, oklch(53.64% 0.0869 187.66) 82.813% 84.375%, oklch(55.70% 0.0898 185.12) 84.375% 85.938%, oklch(57.70% 0.0926 182.66) 85.938% 87.500%, oklch(59.61% 0.0952 180.32) 87.500% 89.063%, oklch(61.41% 0.0978 178.10) 89.063% 90.625%, oklch(63.10% 0.1001 176.02) 90.625% 92.188%, oklch(64.66% 0.1023 174.11) 92.188% 93.750%, oklch(66.07% 0.1043 172.37) 93.750% 95.313%, oklch(67.33% 0.1061 170.83) 95.313% 96.875%, oklch(68.40% 0.1076 169.50) 96.875% 98.438%, oklch(69.29% 0.1089 168.40) 98.438% 100.000%);
```

## Keyframes

3 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.197 | 0.039 | 229.7 |
| 3 | 0.693 | 0.109 | 168.4 |

## In these collections

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

## Other forms

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