# Indigo, emerald and teal green multicolor palette

The Indigo, emerald and teal green multicolor palette brings together blue, teal, green, light green, and light teal. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Cool blue, green and light blue linear gradient
- Seed: `kcXlDKPpq2seqO3OtD7Vzo_l62P9mKcAaCDDg`
- Page: https://grabient.com/kcXlDKPpq2seqO3OtD7Vzo_l62P9mKcAaCDDg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#3b3477` | `oklch(37.01% 0.1102 284.06)` | Ballpoint Indigo | white, 10.8 to 1 |
| 2 | `#31407c` | `oklch(39.04% 0.1028 270.90)` | Evening Magic | white, 9.7 to 1 |
| 3 | `#234f7d` | `oklch(41.98% 0.0915 251.81)` | Slumber | white, 8.4 to 1 |
| 4 | `#195d7a` | `oklch(45.22% 0.0804 230.87)` | Saltwater Denim | white, 7.2 to 1 |
| 5 | `#1e6976` | `oklch(48.18% 0.0736 212.18)` | Persian Mosaic | white, 6.2 to 1 |
| 6 | `#217174` | `oklch(50.39% 0.0747 198.78)` | Marine Wonder | white, 5.6 to 1 |
| 7 | `#1c7972` | `oklch(52.17% 0.0829 188.24)` | Hydra Turquoise | white, 5.2 to 1 |
| 8 | `#0d7f70` | `oklch(53.70% 0.0948 179.71)` | Blue Green | white, 4.8 to 1 |
| 9 | `#00856c` | `oklch(55.11% 0.1060 172.77)` | Viridis | black, 4.5 to 1 |
| 10 | `#008b67` | `oklch(56.50% 0.1157 167.07)` | Kabalite Green | black, 4.8 to 1 |
| 11 | `#029064` | `oklch(57.80% 0.1242 163.18)` | Emerald Lake | black, 5.1 to 1 |
| 12 | `#039463` | `oklch(59.00% 0.1307 161.00)` | Emerald Lake | black, 5.4 to 1 |
| 13 | `#009963` | `oklch(60.17% 0.1366 159.75)` | Green Cyan | black, 5.7 to 1 |
| 14 | `#019d64` | `oklch(61.43% 0.1419 158.69)` | Shamrock | black, 6 to 1 |
| 15 | `#08a264` | `oklch(62.83% 0.1469 157.41)` | Emerald Light Green | black, 6.3 to 1 |
| 16 | `#0ea866` | `oklch(64.35% 0.1518 156.52)` | Greedo Green | black, 6.7 to 1 |
| 17 | `#14ad68` | `oklch(65.92% 0.1560 155.92)` | Go Green! | black, 7.2 to 1 |
| 18 | `#1bb26a` | `oklch(67.46% 0.1589 155.46)` | Green Mana | black, 7.6 to 1 |
| 19 | `#25b76d` | `oklch(68.91% 0.1600 155.01)` | Turtle Warrior | black, 8 to 1 |
| 20 | `#30bb71` | `oklch(70.28% 0.1594 154.61)` | Turtle Warrior | black, 8.4 to 1 |
| 21 | `#3abf75` | `oklch(71.60% 0.1573 154.33)` | Esmeralda | black, 8.9 to 1 |
| 22 | `#45c37a` | `oklch(72.90% 0.1540 154.15)` | Googol | black, 9.3 to 1 |
| 23 | `#4fc67f` | `oklch(74.22% 0.1495 154.08)` | Paris Green | black, 9.7 to 1 |
| 24 | `#5bca85` | `oklch(75.62% 0.1435 153.71)` | Paris Green | black, 10.2 to 1 |
| 25 | `#69cd8a` | `oklch(77.11% 0.1355 152.87)` | Serengeti Green | black, 10.7 to 1 |
| 26 | `#75d191` | `oklch(78.54% 0.1268 152.49)` | Jube Green | black, 11.2 to 1 |
| 27 | `#7dd399` | `oklch(79.76% 0.1185 153.54)` | Enchanted Emerald | black, 11.6 to 1 |
| 28 | `#7fd6a3` | `oklch(80.64% 0.1115 157.07)` | Tadorna Teal | black, 12 to 1 |
| 29 | `#7dd7af` | `oklch(81.20% 0.1048 163.91)` | Tadorna Teal | black, 12.2 to 1 |
| 30 | `#7ad8bc` | `oklch(81.53% 0.0985 172.37)` | Mint Majesty | black, 12.3 to 1 |
| 31 | `#7ad7c6` | `oklch(81.73% 0.0933 180.35)` | Shore | black, 12.3 to 1 |
| 32 | `#7bd7cc` | `oklch(81.89% 0.0896 185.78)` | Water Wings | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3b3477 0.0%, #31407c 3.2%, #234f7d 6.5%, #195d7a 9.7%, #1e6976 12.9%, #217174 16.1%, #1c7972 19.4%, #0d7f70 22.6%, #00856c 25.8%, #008b67 29.0%, #029064 32.3%, #039463 35.5%, #009963 38.7%, #019d64 41.9%, #08a264 45.2%, #0ea866 48.4%, #14ad68 51.6%, #1bb26a 54.8%, #25b76d 58.1%, #30bb71 61.3%, #3abf75 64.5%, #45c37a 67.7%, #4fc67f 71.0%, #5bca85 74.2%, #69cd8a 77.4%, #75d191 80.6%, #7dd399 83.9%, #7fd6a3 87.1%, #7dd7af 90.3%, #7ad8bc 93.5%, #7ad7c6 96.8%, #7bd7cc 100.0%);
background: linear-gradient(90deg in oklch, oklch(37.01% 0.1102 284.06) 0.0%, oklch(39.04% 0.1028 270.90) 3.2%, oklch(41.98% 0.0915 251.81) 6.5%, oklch(45.22% 0.0804 230.87) 9.7%, oklch(48.18% 0.0736 212.18) 12.9%, oklch(50.39% 0.0747 198.78) 16.1%, oklch(52.17% 0.0829 188.24) 19.4%, oklch(53.70% 0.0948 179.71) 22.6%, oklch(55.11% 0.1060 172.77) 25.8%, oklch(56.50% 0.1157 167.07) 29.0%, oklch(57.80% 0.1242 163.18) 32.3%, oklch(59.00% 0.1307 161.00) 35.5%, oklch(60.17% 0.1366 159.75) 38.7%, oklch(61.43% 0.1419 158.69) 41.9%, oklch(62.83% 0.1469 157.41) 45.2%, oklch(64.35% 0.1518 156.52) 48.4%, oklch(65.92% 0.1560 155.92) 51.6%, oklch(67.46% 0.1589 155.46) 54.8%, oklch(68.91% 0.1600 155.01) 58.1%, oklch(70.28% 0.1594 154.61) 61.3%, oklch(71.60% 0.1573 154.33) 64.5%, oklch(72.90% 0.1540 154.15) 67.7%, oklch(74.22% 0.1495 154.08) 71.0%, oklch(75.62% 0.1435 153.71) 74.2%, oklch(77.11% 0.1355 152.87) 77.4%, oklch(78.54% 0.1268 152.49) 80.6%, oklch(79.76% 0.1185 153.54) 83.9%, oklch(80.64% 0.1115 157.07) 87.1%, oklch(81.20% 0.1048 163.91) 90.3%, oklch(81.53% 0.0985 172.37) 93.5%, oklch(81.73% 0.0933 180.35) 96.8%, oklch(81.89% 0.0896 185.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.11 | 284.1 |
| 2 | 0.492 | 0.073 | 205.9 |
| 3 | 0.563 | 0.116 | 167.8 |
| 4 | 0.618 | 0.143 | 158.3 |
| 5 | 0.685 | 0.16 | 155.1 |
| 6 | 0.744 | 0.149 | 154.1 |
| 7 | 0.803 | 0.114 | 155.1 |
| 8 | 0.819 | 0.09 | 185.8 |

## In these collections

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

## Other forms

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