# Navy, deep teal and violet aurora palette

The Navy, deep teal and violet aurora palette brings together dark blue, blue, teal, and purple. 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 teal.

- Also called: Cool navy, teal, light blue and blue linear gradient
- Seed: `kWMie6LZ6-cQiODksT_v8VMg`
- Page: https://grabient.com/kWMie6LZ6-cQiODksT_v8VMg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 10 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 | `#081732` | `oklch(20.97% 0.0563 260.93)` | Liberty Blue | white, 17.7 to 1 |
| 3 | `#0b1b38` | `oklch(22.67% 0.0599 260.50)` | Naval Night | white, 17 to 1 |
| 4 | `#0d203f` | `oklch(24.69% 0.0642 260.00)` | Dark Eclipse | white, 16.2 to 1 |
| 5 | `#102547` | `oklch(26.94% 0.0689 259.19)` | Dark Eclipse | white, 15.1 to 1 |
| 6 | `#122c50` | `oklch(29.33% 0.0736 257.80)` | Dark Tyrian Blue | white, 14 to 1 |
| 7 | `#143259` | `oklch(31.76% 0.0780 255.57)` | Incremental Blue | white, 12.8 to 1 |
| 8 | `#133961` | `oklch(34.13% 0.0818 252.25)` | Poseidon | white, 11.7 to 1 |
| 9 | `#104168` | `oklch(36.37% 0.0847 247.53)` | Blue Opal | white, 10.6 to 1 |
| 10 | `#05486d` | `oklch(38.51% 0.0864 240.60)` | Broadwater Blue | white, 9.7 to 1 |
| 11 | `#00506e` | `oklch(40.62% 0.0827 231.81)` | Gemstone Blue | white, 8.8 to 1 |
| 12 | `#00586e` | `oklch(42.75% 0.0789 221.83)` | Sea Creature | white, 7.9 to 1 |
| 13 | `#00606e` | `oklch(44.92% 0.0781 211.48)` | Cool Dive | white, 7.2 to 1 |
| 14 | `#00686e` | `oklch(47.19% 0.0803 201.52)` | Tahitian Treat | white, 6.5 to 1 |
| 15 | `#00716f` | `oklch(49.60% 0.0850 192.72)` | Boating Green | white, 5.8 to 1 |
| 16 | `#007a71` | `oklch(52.18% 0.0916 185.84)` | Hydra Turquoise | white, 5.2 to 1 |
| 17 | `#118475` | `oklch(55.08% 0.0954 181.31)` | Summer Turquoise | white, 4.6 to 1 |
| 18 | `#22907c` | `oklch(58.83% 0.0995 177.63)` | Miami Jade | black, 5.3 to 1 |
| 19 | `#319e86` | `oklch(63.14% 0.1042 174.75)` | Gossamer | black, 6.3 to 1 |
| 20 | `#3dad91` | `oklch(67.63% 0.1094 172.94)` | Walk in the Woods | black, 7.5 to 1 |
| 21 | `#45bb9d` | `oklch(71.87% 0.1151 172.47)` | Jolt of Jade | black, 8.8 to 1 |
| 22 | `#48c8a9` | `oklch(75.47% 0.1211 173.60)` | Disc Jockey | black, 10.1 to 1 |
| 23 | `#43d2b5` | `oklch(78.02% 0.1272 176.59)` | Simply Aqua | black, 11 to 1 |
| 24 | `#2fd6c1` | `oklch(79.13% 0.1335 181.72)` | Turquoise Panic | black, 11.5 to 1 |
| 25 | `#00d3cb` | `oklch(78.35% 0.1353 189.93)` | Turquoise Panic | black, 11.2 to 1 |
| 26 | `#00c7d3` | `oklch(75.69% 0.1288 202.35)` | Turquoise Surf | black, 10.1 to 1 |
| 27 | `#00b6d8` | `oklch(71.66% 0.1285 217.69)` | Ocean Sigh | black, 8.6 to 1 |
| 28 | `#00a1de` | `oklch(66.81% 0.1409 234.59)` | Vanadyl Blue | black, 7.1 to 1 |
| 29 | `#1a87e8` | `oklch(61.67% 0.1722 251.64)` | Bleu de France | black, 5.6 to 1 |
| 30 | `#496cdf` | `oklch(56.80% 0.1795 267.50)` | Royal Blue | white, 4.6 to 1 |
| 31 | `#5d55d1` | `oklch(52.73% 0.1856 280.77)` | Iris | white, 5.7 to 1 |
| 32 | `#6744c5` | `oklch(50.00% 0.1902 290.09)` | Dragonlord Purple | white, 6.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #07142d 0.0%, #081732 3.2%, #0b1b38 6.5%, #0d203f 9.7%, #102547 12.9%, #122c50 16.1%, #143259 19.4%, #133961 22.6%, #104168 25.8%, #05486d 29.0%, #00506e 32.3%, #00586e 35.5%, #00606e 38.7%, #00686e 41.9%, #00716f 45.2%, #007a71 48.4%, #118475 51.6%, #22907c 54.8%, #319e86 58.1%, #3dad91 61.3%, #45bb9d 64.5%, #48c8a9 67.7%, #43d2b5 71.0%, #2fd6c1 74.2%, #00d3cb 77.4%, #00c7d3 80.6%, #00b6d8 83.9%, #00a1de 87.1%, #1a87e8 90.3%, #496cdf 93.5%, #5d55d1 96.8%, #6744c5 100.0%);
background: linear-gradient(90deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(20.97% 0.0563 260.93) 3.2%, oklch(22.67% 0.0599 260.50) 6.5%, oklch(24.69% 0.0642 260.00) 9.7%, oklch(26.94% 0.0689 259.19) 12.9%, oklch(29.33% 0.0736 257.80) 16.1%, oklch(31.76% 0.0780 255.57) 19.4%, oklch(34.13% 0.0818 252.25) 22.6%, oklch(36.37% 0.0847 247.53) 25.8%, oklch(38.51% 0.0864 240.60) 29.0%, oklch(40.62% 0.0827 231.81) 32.3%, oklch(42.75% 0.0789 221.83) 35.5%, oklch(44.92% 0.0781 211.48) 38.7%, oklch(47.19% 0.0803 201.52) 41.9%, oklch(49.60% 0.0850 192.72) 45.2%, oklch(52.18% 0.0916 185.84) 48.4%, oklch(55.08% 0.0954 181.31) 51.6%, oklch(58.83% 0.0995 177.63) 54.8%, oklch(63.14% 0.1042 174.75) 58.1%, oklch(67.63% 0.1094 172.94) 61.3%, oklch(71.87% 0.1151 172.47) 64.5%, oklch(75.47% 0.1211 173.60) 67.7%, oklch(78.02% 0.1272 176.59) 71.0%, oklch(79.13% 0.1335 181.72) 74.2%, oklch(78.35% 0.1353 189.93) 77.4%, oklch(75.69% 0.1288 202.35) 80.6%, oklch(71.66% 0.1285 217.69) 83.9%, oklch(66.81% 0.1409 234.59) 87.1%, oklch(61.67% 0.1722 251.64) 90.3%, oklch(56.80% 0.1795 267.50) 93.5%, oklch(52.73% 0.1856 280.77) 96.8%, oklch(50.00% 0.1902 290.09) 100.0%);
```

## Keyframes

5 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.535 | 0.094 | 183.4 |
| 4 | 0.791 | 0.135 | 183.4 |
| 5 | 0.5 | 0.19 | 290.1 |

## In these collections

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

## Other forms

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