# Navy, turquoise and mustard multicolor palette

The Navy, turquoise and mustard multicolor palette brings together dark blue, blue, green, and gold. 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 gold.

- Also called: Navy, purple, teal and green linear gradient
- Seed: `kWRk7Jurc_9GpOVgsTcbjq7I`
- Page: https://grabient.com/kWRk7Jurc_9GpOVgsTcbjq7I?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.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 | `#241b59` | `oklch(27.56% 0.1075 283.36)` | Spacescape | white, 15.2 to 1 |
| 2 | `#281e60` | `oklch(29.04% 0.1116 283.77)` | Night Fog | white, 14.5 to 1 |
| 3 | `#2d2168` | `oklch(31.03% 0.1178 284.74)` | Indie Go | white, 13.6 to 1 |
| 4 | `#342672` | `oklch(33.39% 0.1251 285.93)` | Deep Space Rodeo | white, 12.5 to 1 |
| 5 | `#3c2b7e` | `oklch(36.02% 0.1329 286.97)` | Clear Purple | white, 11.4 to 1 |
| 6 | `#433189` | `oklch(38.77% 0.1402 287.50)` | Majestic Eggplant | white, 10.2 to 1 |
| 7 | `#4a3895` | `oklch(41.55% 0.1463 287.15)` | Royal Wisteria | white, 9.1 to 1 |
| 8 | `#4f40a1` | `oklch(44.21% 0.1504 285.57)` | Megadrive Screen | white, 8.1 to 1 |
| 9 | `#5049ab` | `oklch(46.66% 0.1515 282.41)` | Swiss Plum | white, 7.3 to 1 |
| 10 | `#4f53b3` | `oklch(49.08% 0.1494 277.71)` | Brandywine Raspberry | white, 6.5 to 1 |
| 11 | `#4c5eba` | `oklch(51.54% 0.1446 271.76)` | Chinese Bellflower | white, 5.8 to 1 |
| 12 | `#466abe` | `oklch(54.01% 0.1381 264.80)` | Azraq Blue | white, 5.1 to 1 |
| 13 | `#3f76c1` | `oklch(56.44% 0.1309 257.07)` | Windows Blue | white, 4.6 to 1 |
| 14 | `#3981c3` | `oklch(58.81% 0.1239 248.80)` | Worn Denim | black, 5 to 1 |
| 15 | `#328bc3` | `oklch(61.07% 0.1179 240.23)` | Cyan Cornflower Blue | black, 5.6 to 1 |
| 16 | `#2c95c2` | `oklch(63.18% 0.1139 231.61)` | Opalescent | black, 6.1 to 1 |
| 17 | `#249ec1` | `oklch(65.12% 0.1127 222.98)` | Blue Horizon | black, 6.7 to 1 |
| 18 | `#18a6bf` | `oklch(66.87% 0.1134 213.50)` | Maui | black, 7.2 to 1 |
| 19 | `#0aaeba` | `oklch(68.49% 0.1155 203.33)` | Placid Sea | black, 7.7 to 1 |
| 20 | `#0cb5b2` | `oklch(70.00% 0.1186 192.81)` | Swagger | black, 8.2 to 1 |
| 21 | `#20bba9` | `oklch(71.44% 0.1224 182.29)` | Tealish | black, 8.7 to 1 |
| 22 | `#37c19e` | `oklch(72.83% 0.1265 172.12)` | New Meadow | black, 9.2 to 1 |
| 23 | `#4dc593` | `oklch(74.21% 0.1306 162.65)` | Enamelled Dragon | black, 9.7 to 1 |
| 24 | `#62c989` | `oklch(75.62% 0.1342 154.23)` | Enamelled Dragon | black, 10.1 to 1 |
| 25 | `#75cc7f` | `oklch(77.10% 0.1375 146.89)` | Snow Pea | black, 10.7 to 1 |
| 26 | `#86cf77` | `oklch(78.67% 0.1412 140.10)` | Fluorescence | black, 11.2 to 1 |
| 27 | `#97d36f` | `oklch(80.28% 0.1451 133.87)` | Tropical Light | black, 11.8 to 1 |
| 28 | `#a7d667` | `oklch(81.85% 0.1490 128.22)` | Lime Lizard | black, 12.4 to 1 |
| 29 | `#b5d860` | `oklch(83.33% 0.1528 123.19)` | Frog Prince | black, 12.9 to 1 |
| 30 | `#c2da59` | `oklch(84.66% 0.1562 118.81)` | June Bud | black, 13.5 to 1 |
| 31 | `#cddc54` | `oklch(85.77% 0.1591 115.13)` | Chinese Green | black, 13.9 to 1 |
| 32 | `#d6dd4f` | `oklch(86.61% 0.1612 112.17)` | Yuzukoshō | black, 14.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #241b59 0.0%, #281e60 3.2%, #2d2168 6.5%, #342672 9.7%, #3c2b7e 12.9%, #433189 16.1%, #4a3895 19.4%, #4f40a1 22.6%, #5049ab 25.8%, #4f53b3 29.0%, #4c5eba 32.3%, #466abe 35.5%, #3f76c1 38.7%, #3981c3 41.9%, #328bc3 45.2%, #2c95c2 48.4%, #249ec1 51.6%, #18a6bf 54.8%, #0aaeba 58.1%, #0cb5b2 61.3%, #20bba9 64.5%, #37c19e 67.7%, #4dc593 71.0%, #62c989 74.2%, #75cc7f 77.4%, #86cf77 80.6%, #97d36f 83.9%, #a7d667 87.1%, #b5d860 90.3%, #c2da59 93.5%, #cddc54 96.8%, #d6dd4f 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.56% 0.1075 283.36) 0.0%, oklch(29.04% 0.1116 283.77) 3.2%, oklch(31.03% 0.1178 284.74) 6.5%, oklch(33.39% 0.1251 285.93) 9.7%, oklch(36.02% 0.1329 286.97) 12.9%, oklch(38.77% 0.1402 287.50) 16.1%, oklch(41.55% 0.1463 287.15) 19.4%, oklch(44.21% 0.1504 285.57) 22.6%, oklch(46.66% 0.1515 282.41) 25.8%, oklch(49.08% 0.1494 277.71) 29.0%, oklch(51.54% 0.1446 271.76) 32.3%, oklch(54.01% 0.1381 264.80) 35.5%, oklch(56.44% 0.1309 257.07) 38.7%, oklch(58.81% 0.1239 248.80) 41.9%, oklch(61.07% 0.1179 240.23) 45.2%, oklch(63.18% 0.1139 231.61) 48.4%, oklch(65.12% 0.1127 222.98) 51.6%, oklch(66.87% 0.1134 213.50) 54.8%, oklch(68.49% 0.1155 203.33) 58.1%, oklch(70.00% 0.1186 192.81) 61.3%, oklch(71.44% 0.1224 182.29) 64.5%, oklch(72.83% 0.1265 172.12) 67.7%, oklch(74.21% 0.1306 162.65) 71.0%, oklch(75.62% 0.1342 154.23) 74.2%, oklch(77.10% 0.1375 146.89) 77.4%, oklch(78.67% 0.1412 140.10) 80.6%, oklch(80.28% 0.1451 133.87) 83.9%, oklch(81.85% 0.1490 128.22) 87.1%, oklch(83.33% 0.1528 123.19) 90.3%, oklch(84.66% 0.1562 118.81) 93.5%, oklch(85.77% 0.1591 115.13) 96.8%, oklch(86.61% 0.1612 112.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.107 | 283.4 |
| 2 | 0.461 | 0.152 | 283.4 |
| 3 | 0.642 | 0.113 | 227.4 |
| 4 | 0.76 | 0.135 | 152.3 |
| 5 | 0.866 | 0.161 | 112.2 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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