# Navy, turquoise and lime aurora palette

The Navy, turquoise and lime aurora palette brings together dark blue, blue, teal, and green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is green.

- Also called: Tritone navy, teal and green linear gradient
- Seed: `kUMie6LZ6-eSxOFpQTkA`
- Page: https://grabient.com/kUMie6LZ6-eSxOFpQTkA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 11.7 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 | `#07142d` | `oklch(19.69% 0.0537 261.56)` | Squid’s Ink | white, 18.2 to 1 |
| 2 | `#081630` | `oklch(20.50% 0.0554 261.05)` | Liberty Blue | white, 17.9 to 1 |
| 3 | `#091833` | `oklch(21.38% 0.0574 260.69)` | Liberty Blue | white, 17.6 to 1 |
| 4 | `#0a1a37` | `oklch(22.38% 0.0597 260.36)` | Naval Night | white, 17.2 to 1 |
| 5 | `#0b1d3b` | `oklch(23.51% 0.0623 259.95)` | Naval Night | white, 16.7 to 1 |
| 6 | `#0d2040` | `oklch(24.81% 0.0652 259.37)` | Dark Eclipse | white, 16.1 to 1 |
| 7 | `#0e2445` | `oklch(26.31% 0.0683 258.51)` | Dark Eclipse | white, 15.4 to 1 |
| 8 | `#0f294c` | `oklch(28.04% 0.0717 257.25)` | Dark Tyrian Blue | white, 14.6 to 1 |
| 9 | `#112e53` | `oklch(30.02% 0.0752 255.50)` | Dark Tyrian Blue | white, 13.6 to 1 |
| 10 | `#11345a` | `oklch(32.30% 0.0789 253.14)` | Incremental Blue | white, 12.5 to 1 |
| 11 | `#113c63` | `oklch(34.89% 0.0827 250.08)` | Poseidon | white, 11.3 to 1 |
| 12 | `#10456d` | `oklch(37.93% 0.0868 246.17)` | Fish Net Blue | white, 9.9 to 1 |
| 13 | `#0e5179` | `oklch(41.70% 0.0912 241.35)` | Silk Jewel | white, 8.4 to 1 |
| 14 | `#085f86` | `oklch(46.06% 0.0959 235.77)` | Sapphire Sparkle | white, 6.9 to 1 |
| 15 | `#006f94` | `oklch(50.81% 0.1008 229.60)` | Tropic Sea | white, 5.6 to 1 |
| 16 | `#0080a0` | `oklch(55.77% 0.1038 222.95)` | Best of Both Worlds | black, 4.6 to 1 |
| 17 | `#0092ac` | `oklch(60.76% 0.1079 216.01)` | Cape Pond | black, 5.6 to 1 |
| 18 | `#00a3b6` | `oklch(65.60% 0.1131 208.93)` | January Blue | black, 6.9 to 1 |
| 19 | `#00b4be` | `oklch(70.11% 0.1193 201.89)` | Marrakech Mile | black, 8.2 to 1 |
| 20 | `#00c3c4` | `oklch(74.11% 0.1265 195.02)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 21 | `#16d0c6` | `oklch(77.41% 0.1319 188.50)` | Blue Martina | black, 10.8 to 1 |
| 22 | `#27d9c4` | `oklch(79.85% 0.1366 182.42)` | Mint Morning | black, 11.8 to 1 |
| 23 | `#36e0c0` | `oklch(81.56% 0.1414 176.19)` | Celestial Green | black, 12.5 to 1 |
| 24 | `#44e4b7` | `oklch(82.69% 0.1463 169.72)` | Aquamarine | black, 13 to 1 |
| 25 | `#53e7ac` | `oklch(83.34% 0.1513 163.15)` | Overchlorinated Pool | black, 13.3 to 1 |
| 26 | `#62e79f` | `oklch(83.61% 0.1563 156.63)` | Screen Glow | black, 13.4 to 1 |
| 27 | `#71e690` | `oklch(83.59% 0.1611 150.29)` | Ragweed | black, 13.4 to 1 |
| 28 | `#7fe481` | `oklch(83.39% 0.1656 144.28)` | Feralas Lime | black, 13.3 to 1 |
| 29 | `#8be171` | `oklch(83.10% 0.1698 138.73)` | Feralas Lime | black, 13.1 to 1 |
| 30 | `#97de62` | `oklch(82.82% 0.1735 133.79)` | Lilliputian Lime | black, 12.9 to 1 |
| 31 | `#a0dc54` | `oklch(82.64% 0.1766 129.60)` | Conifer | black, 12.8 to 1 |
| 32 | `#a9da49` | `oklch(82.68% 0.1791 126.30)` | Conifer | black, 12.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #07142d 0.0%, #081630 3.2%, #091833 6.5%, #0a1a37 9.7%, #0b1d3b 12.9%, #0d2040 16.1%, #0e2445 19.4%, #0f294c 22.6%, #112e53 25.8%, #11345a 29.0%, #113c63 32.3%, #10456d 35.5%, #0e5179 38.7%, #085f86 41.9%, #006f94 45.2%, #0080a0 48.4%, #0092ac 51.6%, #00a3b6 54.8%, #00b4be 58.1%, #00c3c4 61.3%, #16d0c6 64.5%, #27d9c4 67.7%, #36e0c0 71.0%, #44e4b7 74.2%, #53e7ac 77.4%, #62e79f 80.6%, #71e690 83.9%, #7fe481 87.1%, #8be171 90.3%, #97de62 93.5%, #a0dc54 96.8%, #a9da49 100.0%);
background: linear-gradient(90deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(20.50% 0.0554 261.05) 3.2%, oklch(21.38% 0.0574 260.69) 6.5%, oklch(22.38% 0.0597 260.36) 9.7%, oklch(23.51% 0.0623 259.95) 12.9%, oklch(24.81% 0.0652 259.37) 16.1%, oklch(26.31% 0.0683 258.51) 19.4%, oklch(28.04% 0.0717 257.25) 22.6%, oklch(30.02% 0.0752 255.50) 25.8%, oklch(32.30% 0.0789 253.14) 29.0%, oklch(34.89% 0.0827 250.08) 32.3%, oklch(37.93% 0.0868 246.17) 35.5%, oklch(41.70% 0.0912 241.35) 38.7%, oklch(46.06% 0.0959 235.77) 41.9%, oklch(50.81% 0.1008 229.60) 45.2%, oklch(55.77% 0.1038 222.95) 48.4%, oklch(60.76% 0.1079 216.01) 51.6%, oklch(65.60% 0.1131 208.93) 54.8%, oklch(70.11% 0.1193 201.89) 58.1%, oklch(74.11% 0.1265 195.02) 61.3%, oklch(77.41% 0.1319 188.50) 64.5%, oklch(79.85% 0.1366 182.42) 67.7%, oklch(81.56% 0.1414 176.19) 71.0%, oklch(82.69% 0.1463 169.72) 74.2%, oklch(83.34% 0.1513 163.15) 77.4%, oklch(83.61% 0.1563 156.63) 80.6%, oklch(83.59% 0.1611 150.29) 83.9%, oklch(83.39% 0.1656 144.28) 87.1%, oklch(83.10% 0.1698 138.73) 90.3%, oklch(82.82% 0.1735 133.79) 93.5%, oklch(82.64% 0.1766 129.60) 96.8%, oklch(82.68% 0.1791 126.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.054 | 261.6 |
| 2 | 0.358 | 0.084 | 248.9 |
| 3 | 0.791 | 0.135 | 184.4 |
| 4 | 0.827 | 0.179 | 126.3 |

## In these collections

- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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