# Indigo, emerald and deep teal green multicolor

The Indigo, emerald and deep teal green multicolor brings together blue, teal, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is teal.

- Also called: Cool blue, teal and dark green linear gradient
- Seed: `kcbWjDWSm5FQrO_Us73Ubg-8gxv89KEAsx_AY`
- Page: https://grabient.com/kcbWjDWSm5FQrO_Us73Ubg-8gxv89KEAsx_AY?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.5 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 | `#3a439c` | `oklch(42.91% 0.1433 274.22)` | Galaxy Express | white, 8.4 to 1 |
| 2 | `#3558aa` | `oklch(47.82% 0.1381 264.55)` | Blasphemous Blue | white, 6.7 to 1 |
| 3 | `#2b75ba` | `oklch(55.08% 0.1304 250.56)` | Bluish | white, 4.8 to 1 |
| 4 | `#2493c7` | `oklch(62.66% 0.1223 235.10)` | Porpita Porpita | black, 6 to 1 |
| 5 | `#2aaacc` | `oklch(68.56% 0.1160 221.01)` | Ball Blue | black, 7.7 to 1 |
| 6 | `#2eb4c9` | `oklch(71.06% 0.1131 210.43)` | Utopia Beckons | black, 8.5 to 1 |
| 7 | `#28b5be` | `oklch(70.80% 0.1126 201.66)` | Lago Blue | black, 8.4 to 1 |
| 8 | `#1cb1b0` | `oklch(69.07% 0.1137 194.10)` | Laguna Green | black, 7.9 to 1 |
| 9 | `#08aca2` | `oklch(67.10% 0.1160 187.46)` | Teal Me No Lies | black, 7.4 to 1 |
| 10 | `#00aa97` | `oklch(66.09% 0.1188 181.45)` | Shindig | black, 7.1 to 1 |
| 11 | `#00aa90` | `oklch(66.01% 0.1231 176.28)` | Shindig | black, 7.1 to 1 |
| 12 | `#00ac8a` | `oklch(66.22% 0.1284 171.99)` | Arcadia | black, 7.2 to 1 |
| 13 | `#00ad84` | `oklch(66.50% 0.1341 168.36)` | Simply Green | black, 7.3 to 1 |
| 14 | `#00ae7f` | `oklch(66.58% 0.1397 165.17)` | Bright Camouflage | black, 7.3 to 1 |
| 15 | `#00ae78` | `oklch(66.37% 0.1449 162.33)` | Bright Camouflage | black, 7.3 to 1 |
| 16 | `#03ad72` | `oklch(66.06% 0.1489 160.01)` | Bright Camouflage | black, 7.2 to 1 |
| 17 | `#04ac6c` | `oklch(65.59% 0.1522 158.16)` | Go Green! | black, 7.1 to 1 |
| 18 | `#06aa67` | `oklch(64.87% 0.1542 156.70)` | Greedo Green | black, 6.9 to 1 |
| 19 | `#0aa661` | `oklch(63.84% 0.1540 155.58)` | Alhambra Green | black, 6.6 to 1 |
| 20 | `#0ea15d` | `oklch(62.41% 0.1516 154.92)` | Alhambra Green | black, 6.2 to 1 |
| 21 | `#109b59` | `oklch(60.70% 0.1474 154.67)` | Militant Vegan | black, 5.8 to 1 |
| 22 | `#109455` | `oklch(58.83% 0.1424 154.67)` | Emerald Isle | black, 5.4 to 1 |
| 23 | `#108e51` | `oklch(56.95% 0.1371 154.79)` | Moss | black, 5 to 1 |
| 24 | `#10874e` | `oklch(55.08% 0.1318 154.98)` | Pixel Nature | black, 4.6 to 1 |
| 25 | `#0f814b` | `oklch(53.10% 0.1259 155.36)` | Picture Book Green | white, 4.9 to 1 |
| 26 | `#0f7a48` | `oklch(51.09% 0.1197 155.88)` | Woodland Soul | white, 5.3 to 1 |
| 27 | `#0e7345` | `oklch(49.12% 0.1135 156.52)` | Cloudy Camouflage | white, 5.8 to 1 |
| 28 | `#0c6d42` | `oklch(47.21% 0.1078 157.26)` | Rainforest Retreat | white, 6.4 to 1 |
| 29 | `#096640` | `oklch(45.16% 0.1017 158.28)` | Greens | white, 7 to 1 |
| 30 | `#07603d` | `oklch(43.13% 0.0956 159.41)` | Spruce | white, 7.6 to 1 |
| 31 | `#065a3a` | `oklch(41.39% 0.0905 160.44)` | Crusoe | white, 8.2 to 1 |
| 32 | `#055639` | `oklch(40.16% 0.0868 161.15)` | Permanent Green | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3a439c 0.0%, #3558aa 3.2%, #2b75ba 6.5%, #2493c7 9.7%, #2aaacc 12.9%, #2eb4c9 16.1%, #28b5be 19.4%, #1cb1b0 22.6%, #08aca2 25.8%, #00aa97 29.0%, #00aa90 32.3%, #00ac8a 35.5%, #00ad84 38.7%, #00ae7f 41.9%, #00ae78 45.2%, #03ad72 48.4%, #04ac6c 51.6%, #06aa67 54.8%, #0aa661 58.1%, #0ea15d 61.3%, #109b59 64.5%, #109455 67.7%, #108e51 71.0%, #10874e 74.2%, #0f814b 77.4%, #0f7a48 80.6%, #0e7345 83.9%, #0c6d42 87.1%, #096640 90.3%, #07603d 93.5%, #065a3a 96.8%, #055639 100.0%);
background: linear-gradient(90deg in oklch, oklch(42.91% 0.1433 274.22) 0.0%, oklch(47.82% 0.1381 264.55) 3.2%, oklch(55.08% 0.1304 250.56) 6.5%, oklch(62.66% 0.1223 235.10) 9.7%, oklch(68.56% 0.1160 221.01) 12.9%, oklch(71.06% 0.1131 210.43) 16.1%, oklch(70.80% 0.1126 201.66) 19.4%, oklch(69.07% 0.1137 194.10) 22.6%, oklch(67.10% 0.1160 187.46) 25.8%, oklch(66.09% 0.1188 181.45) 29.0%, oklch(66.01% 0.1231 176.28) 32.3%, oklch(66.22% 0.1284 171.99) 35.5%, oklch(66.50% 0.1341 168.36) 38.7%, oklch(66.58% 0.1397 165.17) 41.9%, oklch(66.37% 0.1449 162.33) 45.2%, oklch(66.06% 0.1489 160.01) 48.4%, oklch(65.59% 0.1522 158.16) 51.6%, oklch(64.87% 0.1542 156.70) 54.8%, oklch(63.84% 0.1540 155.58) 58.1%, oklch(62.41% 0.1516 154.92) 61.3%, oklch(60.70% 0.1474 154.67) 64.5%, oklch(58.83% 0.1424 154.67) 67.7%, oklch(56.95% 0.1371 154.79) 71.0%, oklch(55.08% 0.1318 154.98) 74.2%, oklch(53.10% 0.1259 155.36) 77.4%, oklch(51.09% 0.1197 155.88) 80.6%, oklch(49.12% 0.1135 156.52) 83.9%, oklch(47.21% 0.1078 157.26) 87.1%, oklch(45.16% 0.1017 158.28) 90.3%, oklch(43.13% 0.0956 159.41) 93.5%, oklch(41.39% 0.0905 160.44) 96.8%, oklch(40.16% 0.0868 161.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.429 | 0.143 | 274.2 |
| 2 | 0.701 | 0.114 | 216.1 |
| 3 | 0.661 | 0.119 | 182.3 |
| 4 | 0.665 | 0.142 | 164.3 |
| 5 | 0.642 | 0.154 | 155.9 |
| 6 | 0.567 | 0.136 | 154.8 |
| 7 | 0.48 | 0.11 | 156.9 |
| 8 | 0.402 | 0.087 | 161.1 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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