# Turquoise mint sand diagonal

Tritone navy, teal and green linear gradient with 64 colors: #051224, #061527, #07182b, #091b2f, #0b1f34, #0d243a, #0f2840, #112e46, #13334d, #163a55, #18405c, #1a4764, #1c4e6c, #1e5674, #205d7d, #226585, #236d8d, #257596, #267e9e, #2786a5, #278ead, #2896b4, #299ebb, #2aa6c1, #2baec7, #2cb5cc, #2ebcd0, #30c2d4, #32c8d7, #35ced9, #38d2da, #3cd7db, #40dadb, #45ddda, #4adfd8, #4fe1d6, #54e2d3, #5ae3cf, #60e3cb, #66e3c7, #6ce2c2, #72e1bd, #78dfb8, #7ddeb3, #82dcae, #87d9a9, #8bd7a4, #90d4a0, #93d19b, #97ce97, #9acb93, #9cc890, #9fc58c, #a1c28a, #a2bf87, #a4bc85, #a5b983, #a6b781, #a7b580, #a7b27f, #a8b17e, #a8af7d, #a9ae7d, #aaad7c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, teal and green linear gradient
- Seed: `kSLh62Zq0490YNc`
- Page: https://grabient.com/kSLh62Zq0490YNc?steps=64&angle=45
- Drawn as: linear gradient, 64 steps, 45 degrees
- Kinds: dark to light, pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 11.9 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 | `#051224` | `oklch(18.11% 0.0413 255.94)` | Kuretake Black Manga | white, 18.7 to 1 |
| 2 | `#061527` | `oklch(19.20% 0.0428 254.95)` | Creeping Death | white, 18.4 to 1 |
| 3 | `#07182b` | `oklch(20.47% 0.0446 253.88)` | Oxford by Night | white, 17.9 to 1 |
| 4 | `#091b2f` | `oklch(21.92% 0.0466 252.72)` | Trapped Darkness | white, 17.3 to 1 |
| 5 | `#0b1f34` | `oklch(23.52% 0.0488 251.47)` | Trapped Darkness | white, 16.6 to 1 |
| 6 | `#0d243a` | `oklch(25.27% 0.0513 250.15)` | Celestial Canvas | white, 15.8 to 1 |
| 7 | `#0f2840` | `oklch(27.16% 0.0540 248.75)` | Eternal Darkness | white, 14.9 to 1 |
| 8 | `#112e46` | `oklch(29.16% 0.0569 247.27)` | Crow Black Blue | white, 13.9 to 1 |
| 9 | `#13334d` | `oklch(31.27% 0.0599 245.73)` | Sea of Stars | white, 12.9 to 1 |
| 10 | `#163a55` | `oklch(33.48% 0.0630 244.11)` | Gibraltar Sea | white, 11.9 to 1 |
| 11 | `#18405c` | `oklch(35.76% 0.0663 242.44)` | Neptune’s Wrath | white, 10.8 to 1 |
| 12 | `#1a4764` | `oklch(38.12% 0.0697 240.70)` | Dark Slate Blue | white, 9.8 to 1 |
| 13 | `#1c4e6c` | `oklch(40.54% 0.0731 238.90)` | Indigo Cloth | white, 8.9 to 1 |
| 14 | `#1e5674` | `oklch(42.99% 0.0766 237.05)` | Canoe Blue | white, 7.9 to 1 |
| 15 | `#205d7d` | `oklch(45.48% 0.0801 235.14)` | Suez Canal | white, 7.1 to 1 |
| 16 | `#226585` | `oklch(47.99% 0.0837 233.19)` | Georgian Bay | white, 6.4 to 1 |
| 17 | `#236d8d` | `oklch(50.51% 0.0872 231.19)` | Chill of the Night | white, 5.7 to 1 |
| 18 | `#257596` | `oklch(53.01% 0.0907 229.15)` | Devil Blue | white, 5.1 to 1 |
| 19 | `#267e9e` | `oklch(55.50% 0.0941 227.08)` | Summer Blue | white, 4.6 to 1 |
| 20 | `#2786a5` | `oklch(57.95% 0.0974 224.96)` | Caribbean Sea | black, 5 to 1 |
| 21 | `#278ead` | `oklch(60.36% 0.1007 222.81)` | Carol | black, 5.5 to 1 |
| 22 | `#2896b4` | `oklch(62.72% 0.1038 220.63)` | Pelorus | black, 6.1 to 1 |
| 23 | `#299ebb` | `oklch(65.00% 0.1068 218.43)` | Sailfish | black, 6.7 to 1 |
| 24 | `#2aa6c1` | `oklch(67.19% 0.1096 216.20)` | True Sky Blue | black, 7.3 to 1 |
| 25 | `#2baec7` | `oklch(69.30% 0.1123 213.95)` | Havasupai Falls | black, 7.9 to 1 |
| 26 | `#2cb5cc` | `oklch(71.29% 0.1147 211.69)` | Utopia Beckons | black, 8.5 to 1 |
| 27 | `#2ebcd0` | `oklch(73.16% 0.1169 209.41)` | Holiday Blue | black, 9.2 to 1 |
| 28 | `#30c2d4` | `oklch(74.90% 0.1189 207.12)` | The Crowd Roars! | black, 9.8 to 1 |
| 29 | `#32c8d7` | `oklch(76.49% 0.1205 204.82)` | Sea Serpent | black, 10.4 to 1 |
| 30 | `#35ced9` | `oklch(77.92% 0.1219 202.52)` | Jade Glass | black, 10.9 to 1 |
| 31 | `#38d2da` | `oklch(79.17% 0.1230 200.21)` | Aztec Turquoise | black, 11.4 to 1 |
| 32 | `#3cd7db` | `oklch(80.25% 0.1238 197.91)` | Aztec Turquoise | black, 11.8 to 1 |
| 33 | `#40dadb` | `oklch(81.13% 0.1242 195.59)` | Neon Nazar | black, 12.2 to 1 |
| 34 | `#45ddda` | `oklch(81.86% 0.1242 193.16)` | Neon Nazar | black, 12.5 to 1 |
| 35 | `#4adfd8` | `oklch(82.45% 0.1240 190.61)` | Fresh Turquoise | black, 12.8 to 1 |
| 36 | `#4fe1d6` | `oklch(82.91% 0.1234 187.94)` | Fresh Turquoise | black, 13 to 1 |
| 37 | `#54e2d3` | `oklch(83.25% 0.1226 185.17)` | Fresh Turquoise | black, 13.1 to 1 |
| 38 | `#5ae3cf` | `oklch(83.48% 0.1215 182.31)` | Jazzy Jade | black, 13.2 to 1 |
| 39 | `#60e3cb` | `oklch(83.59% 0.1202 179.37)` | Jazzy Jade | black, 13.3 to 1 |
| 40 | `#66e3c7` | `oklch(83.61% 0.1187 176.36)` | Ocean in a Bowl | black, 13.3 to 1 |
| 41 | `#6ce2c2` | `oklch(83.53% 0.1170 173.29)` | Ocean in a Bowl | black, 13.2 to 1 |
| 42 | `#72e1bd` | `oklch(83.37% 0.1151 170.17)` | Ocean in a Bowl | black, 13.2 to 1 |
| 43 | `#78dfb8` | `oklch(83.13% 0.1130 167.01)` | Beryl | black, 13 to 1 |
| 44 | `#7ddeb3` | `oklch(82.82% 0.1108 163.83)` | Jovial Jade | black, 12.9 to 1 |
| 45 | `#82dcae` | `oklch(82.44% 0.1084 160.63)` | Jovial Jade | black, 12.7 to 1 |
| 46 | `#87d9a9` | `oklch(82.01% 0.1060 157.43)` | Patrice | black, 12.5 to 1 |
| 47 | `#8bd7a4` | `oklch(81.54% 0.1035 154.23)` | Patrice | black, 12.3 to 1 |
| 48 | `#90d4a0` | `oklch(81.02% 0.1009 151.05)` | Green Ash | black, 12 to 1 |
| 49 | `#93d19b` | `oklch(80.46% 0.0983 147.90)` | Fennel | black, 11.8 to 1 |
| 50 | `#97ce97` | `oklch(79.89% 0.0956 144.78)` | Kettle Drum | black, 11.5 to 1 |
| 51 | `#9acb93` | `oklch(79.29% 0.0929 141.72)` | Kettle Drum | black, 11.3 to 1 |
| 52 | `#9cc890` | `oklch(78.68% 0.0903 138.71)` | Kettle Drum | black, 11 to 1 |
| 53 | `#9fc58c` | `oklch(78.07% 0.0876 135.77)` | Cos | black, 10.8 to 1 |
| 54 | `#a1c28a` | `oklch(77.46% 0.0851 132.92)` | Green Herb | black, 10.5 to 1 |
| 55 | `#a2bf87` | `oklch(76.86% 0.0826 130.15)` | Green Herb | black, 10.3 to 1 |
| 56 | `#a4bc85` | `oklch(76.29% 0.0801 127.49)` | Margarita | black, 10.1 to 1 |
| 57 | `#a5b983` | `oklch(75.73% 0.0778 124.94)` | Forest Tapestry | black, 9.8 to 1 |
| 58 | `#a6b781` | `oklch(75.22% 0.0756 122.51)` | Grant Wood Ivy | black, 9.6 to 1 |
| 59 | `#a7b580` | `oklch(74.74% 0.0736 120.22)` | Great Green | black, 9.5 to 1 |
| 60 | `#a7b27f` | `oklch(74.31% 0.0717 118.08)` | Fresh Guacamole | black, 9.3 to 1 |
| 61 | `#a8b17e` | `oklch(73.94% 0.0700 116.09)` | Fresh Guacamole | black, 9.2 to 1 |
| 62 | `#a8af7d` | `oklch(73.63% 0.0685 114.26)` | Fresh Guacamole | black, 9.1 to 1 |
| 63 | `#a9ae7d` | `oklch(73.39% 0.0672 112.62)` | Stuffed Olive | black, 9 to 1 |
| 64 | `#aaad7c` | `oklch(73.23% 0.0661 111.16)` | Stuffed Olive | black, 8.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #051224 0.0%, #061527 1.6%, #07182b 3.2%, #091b2f 4.8%, #0b1f34 6.3%, #0d243a 7.9%, #0f2840 9.5%, #112e46 11.1%, #13334d 12.7%, #163a55 14.3%, #18405c 15.9%, #1a4764 17.5%, #1c4e6c 19.0%, #1e5674 20.6%, #205d7d 22.2%, #226585 23.8%, #236d8d 25.4%, #257596 27.0%, #267e9e 28.6%, #2786a5 30.2%, #278ead 31.7%, #2896b4 33.3%, #299ebb 34.9%, #2aa6c1 36.5%, #2baec7 38.1%, #2cb5cc 39.7%, #2ebcd0 41.3%, #30c2d4 42.9%, #32c8d7 44.4%, #35ced9 46.0%, #38d2da 47.6%, #3cd7db 49.2%, #40dadb 50.8%, #45ddda 52.4%, #4adfd8 54.0%, #4fe1d6 55.6%, #54e2d3 57.1%, #5ae3cf 58.7%, #60e3cb 60.3%, #66e3c7 61.9%, #6ce2c2 63.5%, #72e1bd 65.1%, #78dfb8 66.7%, #7ddeb3 68.3%, #82dcae 69.8%, #87d9a9 71.4%, #8bd7a4 73.0%, #90d4a0 74.6%, #93d19b 76.2%, #97ce97 77.8%, #9acb93 79.4%, #9cc890 81.0%, #9fc58c 82.5%, #a1c28a 84.1%, #a2bf87 85.7%, #a4bc85 87.3%, #a5b983 88.9%, #a6b781 90.5%, #a7b580 92.1%, #a7b27f 93.7%, #a8b17e 95.2%, #a8af7d 96.8%, #a9ae7d 98.4%, #aaad7c 100.0%);
background: linear-gradient(45deg in oklch, oklch(18.11% 0.0413 255.94) 0.0%, oklch(19.20% 0.0428 254.95) 1.6%, oklch(20.47% 0.0446 253.88) 3.2%, oklch(21.92% 0.0466 252.72) 4.8%, oklch(23.52% 0.0488 251.47) 6.3%, oklch(25.27% 0.0513 250.15) 7.9%, oklch(27.16% 0.0540 248.75) 9.5%, oklch(29.16% 0.0569 247.27) 11.1%, oklch(31.27% 0.0599 245.73) 12.7%, oklch(33.48% 0.0630 244.11) 14.3%, oklch(35.76% 0.0663 242.44) 15.9%, oklch(38.12% 0.0697 240.70) 17.5%, oklch(40.54% 0.0731 238.90) 19.0%, oklch(42.99% 0.0766 237.05) 20.6%, oklch(45.48% 0.0801 235.14) 22.2%, oklch(47.99% 0.0837 233.19) 23.8%, oklch(50.51% 0.0872 231.19) 25.4%, oklch(53.01% 0.0907 229.15) 27.0%, oklch(55.50% 0.0941 227.08) 28.6%, oklch(57.95% 0.0974 224.96) 30.2%, oklch(60.36% 0.1007 222.81) 31.7%, oklch(62.72% 0.1038 220.63) 33.3%, oklch(65.00% 0.1068 218.43) 34.9%, oklch(67.19% 0.1096 216.20) 36.5%, oklch(69.30% 0.1123 213.95) 38.1%, oklch(71.29% 0.1147 211.69) 39.7%, oklch(73.16% 0.1169 209.41) 41.3%, oklch(74.90% 0.1189 207.12) 42.9%, oklch(76.49% 0.1205 204.82) 44.4%, oklch(77.92% 0.1219 202.52) 46.0%, oklch(79.17% 0.1230 200.21) 47.6%, oklch(80.25% 0.1238 197.91) 49.2%, oklch(81.13% 0.1242 195.59) 50.8%, oklch(81.86% 0.1242 193.16) 52.4%, oklch(82.45% 0.1240 190.61) 54.0%, oklch(82.91% 0.1234 187.94) 55.6%, oklch(83.25% 0.1226 185.17) 57.1%, oklch(83.48% 0.1215 182.31) 58.7%, oklch(83.59% 0.1202 179.37) 60.3%, oklch(83.61% 0.1187 176.36) 61.9%, oklch(83.53% 0.1170 173.29) 63.5%, oklch(83.37% 0.1151 170.17) 65.1%, oklch(83.13% 0.1130 167.01) 66.7%, oklch(82.82% 0.1108 163.83) 68.3%, oklch(82.44% 0.1084 160.63) 69.8%, oklch(82.01% 0.1060 157.43) 71.4%, oklch(81.54% 0.1035 154.23) 73.0%, oklch(81.02% 0.1009 151.05) 74.6%, oklch(80.46% 0.0983 147.90) 76.2%, oklch(79.89% 0.0956 144.78) 77.8%, oklch(79.29% 0.0929 141.72) 79.4%, oklch(78.68% 0.0903 138.71) 81.0%, oklch(78.07% 0.0876 135.77) 82.5%, oklch(77.46% 0.0851 132.92) 84.1%, oklch(76.86% 0.0826 130.15) 85.7%, oklch(76.29% 0.0801 127.49) 87.3%, oklch(75.73% 0.0778 124.94) 88.9%, oklch(75.22% 0.0756 122.51) 90.5%, oklch(74.74% 0.0736 120.22) 92.1%, oklch(74.31% 0.0717 118.08) 93.7%, oklch(73.94% 0.0700 116.09) 95.2%, oklch(73.63% 0.0685 114.26) 96.8%, oklch(73.39% 0.0672 112.62) 98.4%, oklch(73.23% 0.0661 111.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.041 | 255.9 |
| 2 | 0.807 | 0.124 | 196.8 |
| 3 | 0.732 | 0.066 | 111.2 |

## In these collections

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

## Other forms

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