# Navy, violet and pale aqua color palette

The Navy, violet and pale aqua color palette brings together dark blue, blue, magenta, and pale teal. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is pale teal.

- Also called: Navy, purple, pink and light blue linear gradient
- Seed: `kUMCe7wtA_tPeyV2F61A`
- Page: https://grabient.com/kUMCe7wtA_tPeyV2F61A?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: 15.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 | `#07122b` | `oklch(18.90% 0.0537 263.67)` | Squid’s Ink | white, 18.5 to 1 |
| 2 | `#081635` | `oklch(20.90% 0.0638 263.21)` | Liberty Blue | white, 17.8 to 1 |
| 3 | `#081c42` | `oklch(23.57% 0.0774 262.17)` | Midnight Mirage | white, 16.7 to 1 |
| 4 | `#072353` | `oklch(26.77% 0.0937 260.78)` | Downriver | white, 15.3 to 1 |
| 5 | `#042b65` | `oklch(30.34% 0.1120 259.27)` | Blue Leviathan | white, 13.6 to 1 |
| 6 | `#003478` | `oklch(34.15% 0.1261 257.94)` | Dark Midnight Blue | white, 11.8 to 1 |
| 7 | `#003f88` | `oklch(38.05% 0.1342 256.85)` | Mystery Oceans | white, 10.1 to 1 |
| 8 | `#004a99` | `oklch(41.88% 0.1448 256.33)` | Liberalist | white, 8.6 to 1 |
| 9 | `#0053ac` | `oklch(45.51% 0.1590 256.60)` | Blue Lobster | white, 7.4 to 1 |
| 10 | `#005ac3` | `oklch(48.79% 0.1797 257.89)` | London Rain | white, 6.4 to 1 |
| 11 | `#005be0` | `oklch(51.57% 0.2153 260.42)` | Chun-Li Blue | white, 5.8 to 1 |
| 12 | `#295cef` | `oklch(53.77% 0.2271 264.84)` | Azul | white, 5.4 to 1 |
| 13 | `#4b58fa` | `oklch(55.51% 0.2367 272.31)` | Aquarius Mood Indigo | white, 5.1 to 1 |
| 14 | `#6b51ff` | `oklch(56.90% 0.2445 282.08)` | Venetian Nights | white, 4.9 to 1 |
| 15 | `#8845fe` | `oklch(58.04% 0.2536 293.29)` | Sweet Escape | white, 4.8 to 1 |
| 16 | `#a339f5` | `oklch(59.00% 0.2603 305.06)` | Sweet Desire | white, 4.7 to 1 |
| 17 | `#bb2be5` | `oklch(59.89% 0.2655 316.55)` | Shades of Rhodonite | white, 4.5 to 1 |
| 18 | `#ce1cd3` | `oklch(60.80% 0.2688 326.87)` | Awkward Purple | black, 4.7 to 1 |
| 19 | `#dd0ec3` | `oklch(61.81% 0.2700 335.16)` | Passionate Pink | black, 4.9 to 1 |
| 20 | `#e80eb9` | `oklch(63.03% 0.2687 340.57)` | Kriss Me Not Fuchsia | black, 5.1 to 1 |
| 21 | `#ee1fb9` | `oklch(64.53% 0.2648 342.23)` | Kriss Me Not Fuchsia | black, 5.5 to 1 |
| 22 | `#f035c5` | `oklch(66.43% 0.2576 339.23)` | Kriss Me Not Fuchsia | black, 6 to 1 |
| 23 | `#ea4ede` | `oklch(68.78% 0.2453 330.94)` | Alita Pink | black, 6.6 to 1 |
| 24 | `#dc69fd` | `oklch(71.49% 0.2283 318.17)` | Venus Slipper Orchid | black, 7.4 to 1 |
| 25 | `#bf91ff` | `oklch(74.45% 0.1591 302.00)` | Liliac | black, 8.7 to 1 |
| 26 | `#acacff` | `oklch(77.55% 0.1181 283.48)` | Shy Moment | black, 10 to 1 |
| 27 | `#a0c0ff` | `oklch(80.69% 0.0966 263.70)` | Pastel Blue | black, 11.4 to 1 |
| 28 | `#98d1ff` | `oklch(83.74% 0.0876 243.72)` | Long Island Sound | black, 12.8 to 1 |
| 29 | `#90e0ff` | `oklch(86.60% 0.0892 224.63)` | Tranquil Pool | black, 14.2 to 1 |
| 30 | `#8cedfb` | `oklch(89.16% 0.0939 207.50)` | Photon Projector | black, 15.6 to 1 |
| 31 | `#a5f3f1` | `oklch(91.30% 0.0770 193.38)` | Hydro Cannon | black, 16.6 to 1 |
| 32 | `#b7f6ec` | `oklch(92.91% 0.0648 183.36)` | Pale King’s Blue | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #07122b 0.0%, #081635 3.2%, #081c42 6.5%, #072353 9.7%, #042b65 12.9%, #003478 16.1%, #003f88 19.4%, #004a99 22.6%, #0053ac 25.8%, #005ac3 29.0%, #005be0 32.3%, #295cef 35.5%, #4b58fa 38.7%, #6b51ff 41.9%, #8845fe 45.2%, #a339f5 48.4%, #bb2be5 51.6%, #ce1cd3 54.8%, #dd0ec3 58.1%, #e80eb9 61.3%, #ee1fb9 64.5%, #f035c5 67.7%, #ea4ede 71.0%, #dc69fd 74.2%, #bf91ff 77.4%, #acacff 80.6%, #a0c0ff 83.9%, #98d1ff 87.1%, #90e0ff 90.3%, #8cedfb 93.5%, #a5f3f1 96.8%, #b7f6ec 100.0%);
background: linear-gradient(90deg in oklch, oklch(18.90% 0.0537 263.67) 0.0%, oklch(20.90% 0.0638 263.21) 3.2%, oklch(23.57% 0.0774 262.17) 6.5%, oklch(26.77% 0.0937 260.78) 9.7%, oklch(30.34% 0.1120 259.27) 12.9%, oklch(34.15% 0.1261 257.94) 16.1%, oklch(38.05% 0.1342 256.85) 19.4%, oklch(41.88% 0.1448 256.33) 22.6%, oklch(45.51% 0.1590 256.60) 25.8%, oklch(48.79% 0.1797 257.89) 29.0%, oklch(51.57% 0.2153 260.42) 32.3%, oklch(53.77% 0.2271 264.84) 35.5%, oklch(55.51% 0.2367 272.31) 38.7%, oklch(56.90% 0.2445 282.08) 41.9%, oklch(58.04% 0.2536 293.29) 45.2%, oklch(59.00% 0.2603 305.06) 48.4%, oklch(59.89% 0.2655 316.55) 51.6%, oklch(60.80% 0.2688 326.87) 54.8%, oklch(61.81% 0.2700 335.16) 58.1%, oklch(63.03% 0.2687 340.57) 61.3%, oklch(64.53% 0.2648 342.23) 64.5%, oklch(66.43% 0.2576 339.23) 67.7%, oklch(68.78% 0.2453 330.94) 71.0%, oklch(71.49% 0.2283 318.17) 74.2%, oklch(74.45% 0.1591 302.00) 77.4%, oklch(77.55% 0.1181 283.48) 80.6%, oklch(80.69% 0.0966 263.70) 83.9%, oklch(83.74% 0.0876 243.72) 87.1%, oklch(86.60% 0.0892 224.63) 90.3%, oklch(89.16% 0.0939 207.50) 93.5%, oklch(91.30% 0.0770 193.38) 96.8%, oklch(92.91% 0.0648 183.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.054 | 263.7 |
| 2 | 0.524 | 0.22 | 261.6 |
| 3 | 0.657 | 0.26 | 340.8 |
| 4 | 0.929 | 0.065 | 183.4 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)
- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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