# Navy, turquoise and lilac color palette

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

- Also called: Navy, cyan, lavender and pink linear gradient
- Seed: `kWMCe7wtA_ukyuJT3tCXk4_w`
- Page: https://grabient.com/kWMCe7wtA_ukyuJT3tCXk4_w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#07122b` | `oklch(18.90% 0.0537 263.67)` | Squid’s Ink | white, 18.5 to 1 |
| 2 | `#091739` | `oklch(21.60% 0.0689 263.94)` | Navy | white, 17.5 to 1 |
| 3 | `#0c1e4d` | `oklch(25.23% 0.0911 264.76)` | Subnautical | white, 16.1 to 1 |
| 4 | `#102566` | `oklch(29.56% 0.1175 265.77)` | Dark Sapphire | white, 14.1 to 1 |
| 5 | `#172d83` | `oklch(34.35% 0.1457 266.59)` | Below the Surface | white, 12 to 1 |
| 6 | `#1d37a1` | `oklch(39.36% 0.1729 266.84)` | Egyptian Blue | white, 9.9 to 1 |
| 7 | `#2142be` | `oklch(44.36% 0.1963 266.15)` | Denim | white, 8.1 to 1 |
| 8 | `#1e50d7` | `oklch(49.11% 0.2134 264.15)` | Frosted Blueberries | white, 6.5 to 1 |
| 9 | `#0160ea` | `oklch(53.41% 0.2215 260.35)` | Old Gungeon Red | white, 5.4 to 1 |
| 10 | `#007ade` | `oklch(57.95% 0.1772 252.72)` | Bright Navy Blue | black, 4.8 to 1 |
| 11 | `#0091d9` | `oklch(62.81% 0.1485 241.81)` | Kahu Blue | black, 6 to 1 |
| 12 | `#00a6d9` | `oklch(67.71% 0.1339 229.32)` | Malibu Blue | black, 7.4 to 1 |
| 13 | `#00b9da` | `oklch(72.37% 0.1292 216.96)` | Maldives | black, 8.9 to 1 |
| 14 | `#00cadc` | `oklch(76.51% 0.1310 206.43)` | Jade Glass | black, 10.4 to 1 |
| 15 | `#00d7df` | `oklch(79.83% 0.1357 199.42)` | Aztec Turquoise | black, 11.7 to 1 |
| 16 | `#05dfe4` | `oklch(82.06% 0.1392 197.62)` | Fish Boy | black, 12.7 to 1 |
| 17 | `#00e1ef` | `oklch(82.87% 0.1411 202.83)` | Tamarama | black, 13 to 1 |
| 18 | `#0ddaff` | `oklch(81.99% 0.1443 215.78)` | Neon Blue | black, 12.5 to 1 |
| 19 | `#66c9ff` | `oklch(79.82% 0.1203 234.52)` | Skyan | black, 11.4 to 1 |
| 20 | `#81b6ff` | `oklch(76.83% 0.1194 256.82)` | Parakeet Blue | black, 10 to 1 |
| 21 | `#999eff` | `oklch(73.48% 0.1399 280.47)` | Cobalite | black, 8.6 to 1 |
| 22 | `#b87bff` | `oklch(70.23% 0.1916 303.24)` | Illicit Purple | black, 7.3 to 1 |
| 23 | `#db4fed` | `oklch(67.56% 0.2481 322.91)` | Heliotrope | black, 6.3 to 1 |
| 24 | `#ec33c9` | `oklch(65.94% 0.2589 337.26)` | Kriss Me Not Fuchsia | black, 5.8 to 1 |
| 25 | `#f524b4` | `oklch(65.59% 0.2624 345.24)` | Pink Hysteria | black, 5.7 to 1 |
| 26 | `#fa24ab` | `oklch(66.07% 0.2606 349.08)` | Spicy Pink | black, 5.9 to 1 |
| 27 | `#fd30ac` | `oklch(67.16% 0.2548 349.80)` | Persian Rose | black, 6.1 to 1 |
| 28 | `#fe3fb4` | `oklch(68.62% 0.2464 348.31)` | Artificial Strawberry | black, 6.5 to 1 |
| 29 | `#fe4ebf` | `oklch(70.26% 0.2369 345.54)` | Drunken Flamingo | black, 7 to 1 |
| 30 | `#fd5bca` | `oklch(71.85% 0.2276 342.40)` | Illicit Pink | black, 7.5 to 1 |
| 31 | `#fd64d3` | `oklch(73.17% 0.2198 339.81)` | Rose Pink | black, 7.9 to 1 |
| 32 | `#fd6ad7` | `oklch(74.02% 0.2150 338.70)` | Rose Pink | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #07122b 0.0%, #091739 3.2%, #0c1e4d 6.5%, #102566 9.7%, #172d83 12.9%, #1d37a1 16.1%, #2142be 19.4%, #1e50d7 22.6%, #0160ea 25.8%, #007ade 29.0%, #0091d9 32.3%, #00a6d9 35.5%, #00b9da 38.7%, #00cadc 41.9%, #00d7df 45.2%, #05dfe4 48.4%, #00e1ef 51.6%, #0ddaff 54.8%, #66c9ff 58.1%, #81b6ff 61.3%, #999eff 64.5%, #b87bff 67.7%, #db4fed 71.0%, #ec33c9 74.2%, #f524b4 77.4%, #fa24ab 80.6%, #fd30ac 83.9%, #fe3fb4 87.1%, #fe4ebf 90.3%, #fd5bca 93.5%, #fd64d3 96.8%, #fd6ad7 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.90% 0.0537 263.67) 0.0%, oklch(21.60% 0.0689 263.94) 3.2%, oklch(25.23% 0.0911 264.76) 6.5%, oklch(29.56% 0.1175 265.77) 9.7%, oklch(34.35% 0.1457 266.59) 12.9%, oklch(39.36% 0.1729 266.84) 16.1%, oklch(44.36% 0.1963 266.15) 19.4%, oklch(49.11% 0.2134 264.15) 22.6%, oklch(53.41% 0.2215 260.35) 25.8%, oklch(57.95% 0.1772 252.72) 29.0%, oklch(62.81% 0.1485 241.81) 32.3%, oklch(67.71% 0.1339 229.32) 35.5%, oklch(72.37% 0.1292 216.96) 38.7%, oklch(76.51% 0.1310 206.43) 41.9%, oklch(79.83% 0.1357 199.42) 45.2%, oklch(82.06% 0.1392 197.62) 48.4%, oklch(82.87% 0.1411 202.83) 51.6%, oklch(81.99% 0.1443 215.78) 54.8%, oklch(79.82% 0.1203 234.52) 58.1%, oklch(76.83% 0.1194 256.82) 61.3%, oklch(73.48% 0.1399 280.47) 64.5%, oklch(70.23% 0.1916 303.24) 67.7%, oklch(67.56% 0.2481 322.91) 71.0%, oklch(65.94% 0.2589 337.26) 74.2%, oklch(65.59% 0.2624 345.24) 77.4%, oklch(66.07% 0.2606 349.08) 80.6%, oklch(67.16% 0.2548 349.80) 83.9%, oklch(68.62% 0.2464 348.31) 87.1%, oklch(70.26% 0.2369 345.54) 90.3%, oklch(71.85% 0.2276 342.40) 93.5%, oklch(73.17% 0.2198 339.81) 96.8%, oklch(74.02% 0.2150 338.70) 100.0%);
```

## Keyframes

5 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.827 | 0.139 | 199.2 |
| 4 | 0.657 | 0.26 | 339.8 |
| 5 | 0.74 | 0.215 | 338.7 |

## In these collections

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

## Other forms

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