# Navy, turquoise and rose color palette

The Navy, turquoise and rose color palette brings together dark blue, blue, teal, purple, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits album artwork and music event graphics. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Navy, blue, purple and pink linear gradient
- Seed: `kaNC-7LiY_MixPjgrTzz8BG8_RxDW1sRA`
- Page: https://grabient.com/kaNC-7LiY_MixPjgrTzz8BG8_RxDW1sRA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 8.6 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 | `#071534` | `oklch(20.47% 0.0648 262.97)` | Liberty Blue | white, 18 to 1 |
| 2 | `#08193c` | `oklch(22.45% 0.0701 262.27)` | Maastricht Blue | white, 17.2 to 1 |
| 3 | `#0b2047` | `oklch(25.19% 0.0778 261.36)` | Oxford Blue | white, 16 to 1 |
| 4 | `#0e2854` | `oklch(28.45% 0.0866 260.21)` | Dark Tyrian Blue | white, 14.5 to 1 |
| 5 | `#103162` | `oklch(32.01% 0.0956 258.76)` | Funnel Cloud | white, 12.8 to 1 |
| 6 | `#123b71` | `oklch(35.63% 0.1036 256.96)` | Tardis Blue | white, 11.1 to 1 |
| 7 | `#13467f` | `oklch(39.32% 0.1106 254.84)` | Poster Blue | white, 9.5 to 1 |
| 8 | `#13528f` | `oklch(43.33% 0.1179 252.43)` | Nautical Blue | white, 8 to 1 |
| 9 | `#115f9f` | `oklch(47.51% 0.1247 249.71)` | Rave Regatta | white, 6.6 to 1 |
| 10 | `#0c6cae` | `oklch(51.72% 0.1304 246.61)` | Daphne | white, 5.5 to 1 |
| 11 | `#037abb` | `oklch(55.79% 0.1343 243.10)` | Deep Cerulean | white, 4.6 to 1 |
| 12 | `#0089c6` | `oklch(59.86% 0.1337 238.48)` | Azul Caribe | black, 5.3 to 1 |
| 13 | `#009ace` | `oklch(64.47% 0.1307 231.47)` | Tomb Blue | black, 6.5 to 1 |
| 14 | `#0dabd6` | `oklch(69.04% 0.1278 223.93)` | Bright Cerulean | black, 7.8 to 1 |
| 15 | `#26badb` | `oklch(72.92% 0.1238 217.97)` | Maldives | black, 9 to 1 |
| 16 | `#32c2e0` | `oklch(75.44% 0.1228 215.63)` | Caribbean Blue | black, 9.9 to 1 |
| 17 | `#31c3e7` | `oklch(75.91% 0.1266 218.96)` | Blue Raspberry | black, 10.1 to 1 |
| 18 | `#2cbaed` | `oklch(74.06% 0.1347 228.17)` | Blue Bikini | black, 9.3 to 1 |
| 19 | `#36aaf2` | `oklch(70.78% 0.1455 241.06)` | Democrat | black, 8.2 to 1 |
| 20 | `#4c96f4` | `oklch(67.06% 0.1576 255.30)` | Polar Glow | black, 6.9 to 1 |
| 21 | `#6183f2` | `oklch(63.90% 0.1694 268.54)` | Blue Elemental | black, 6 to 1 |
| 22 | `#7275f0` | `oklch(62.21% 0.1797 278.62)` | Hera Blue | black, 5.5 to 1 |
| 23 | `#806cef` | `oklch(61.51% 0.1900 286.55)` | Medium Slate Blue | black, 5.2 to 1 |
| 24 | `#8d64ef` | `oklch(61.38% 0.2004 293.40)` | Forgotten Kyawthuite | black, 5.1 to 1 |
| 25 | `#9a5dee` | `oklch(61.65% 0.2102 299.70)` | Forgotten Kyawthuite | black, 5.1 to 1 |
| 26 | `#a857ec` | `oklch(62.14% 0.2188 305.98)` | Light Shōtoku Purple | black, 5.2 to 1 |
| 27 | `#b651e7` | `oklch(62.70% 0.2256 312.78)` | Light Shōtoku Purple | black, 5.3 to 1 |
| 28 | `#c64bde` | `oklch(63.58% 0.2303 320.59)` | Thick Pink | black, 5.4 to 1 |
| 29 | `#d648d2` | `oklch(64.80% 0.2335 328.90)` | Pinkish Purple | black, 5.7 to 1 |
| 30 | `#e545c6` | `oklch(66.12% 0.2356 336.89)` | Purplish Pink | black, 6 to 1 |
| 31 | `#f144ba` | `oklch(67.31% 0.2371 343.72)` | Major Magenta | black, 6.2 to 1 |
| 32 | `#fa43b1` | `oklch(68.11% 0.2384 348.57)` | Major Magenta | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #071534 0.0%, #08193c 3.2%, #0b2047 6.5%, #0e2854 9.7%, #103162 12.9%, #123b71 16.1%, #13467f 19.4%, #13528f 22.6%, #115f9f 25.8%, #0c6cae 29.0%, #037abb 32.3%, #0089c6 35.5%, #009ace 38.7%, #0dabd6 41.9%, #26badb 45.2%, #32c2e0 48.4%, #31c3e7 51.6%, #2cbaed 54.8%, #36aaf2 58.1%, #4c96f4 61.3%, #6183f2 64.5%, #7275f0 67.7%, #806cef 71.0%, #8d64ef 74.2%, #9a5dee 77.4%, #a857ec 80.6%, #b651e7 83.9%, #c64bde 87.1%, #d648d2 90.3%, #e545c6 93.5%, #f144ba 96.8%, #fa43b1 100.0%);
background: linear-gradient(225deg in oklch, oklch(20.47% 0.0648 262.97) 0.0%, oklch(22.45% 0.0701 262.27) 3.2%, oklch(25.19% 0.0778 261.36) 6.5%, oklch(28.45% 0.0866 260.21) 9.7%, oklch(32.01% 0.0956 258.76) 12.9%, oklch(35.63% 0.1036 256.96) 16.1%, oklch(39.32% 0.1106 254.84) 19.4%, oklch(43.33% 0.1179 252.43) 22.6%, oklch(47.51% 0.1247 249.71) 25.8%, oklch(51.72% 0.1304 246.61) 29.0%, oklch(55.79% 0.1343 243.10) 32.3%, oklch(59.86% 0.1337 238.48) 35.5%, oklch(64.47% 0.1307 231.47) 38.7%, oklch(69.04% 0.1278 223.93) 41.9%, oklch(72.92% 0.1238 217.97) 45.2%, oklch(75.44% 0.1228 215.63) 48.4%, oklch(75.91% 0.1266 218.96) 51.6%, oklch(74.06% 0.1347 228.17) 54.8%, oklch(70.78% 0.1455 241.06) 58.1%, oklch(67.06% 0.1576 255.30) 61.3%, oklch(63.90% 0.1694 268.54) 64.5%, oklch(62.21% 0.1797 278.62) 67.7%, oklch(61.51% 0.1900 286.55) 71.0%, oklch(61.38% 0.2004 293.40) 74.2%, oklch(61.65% 0.2102 299.70) 77.4%, oklch(62.14% 0.2188 305.98) 80.6%, oklch(62.70% 0.2256 312.78) 83.9%, oklch(63.58% 0.2303 320.59) 87.1%, oklch(64.80% 0.2335 328.90) 90.3%, oklch(66.12% 0.2356 336.89) 93.5%, oklch(67.31% 0.2371 343.72) 96.8%, oklch(68.11% 0.2384 348.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.065 | 263 |
| 2 | 0.362 | 0.105 | 256.6 |
| 3 | 0.571 | 0.135 | 241.8 |
| 4 | 0.76 | 0.124 | 216.5 |
| 5 | 0.626 | 0.176 | 275.6 |
| 6 | 0.626 | 0.225 | 311.6 |
| 7 | 0.681 | 0.238 | 348.6 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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