# Navy, magenta and gold multicolor palette

The Navy, magenta and gold multicolor palette brings together dark blue, blue, magenta, orange, and light yellow. 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 light yellow.

- Also called: Navy, purple, pink and tan radial gradient
- Seed: `kYNCe4sK9BEU-QpUQkd4zXG_ErxM`
- Page: https://grabient.com/kYNCe4sK9BEU-QpUQkd4zXG_ErxM?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 12.9 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 | `#07162f` | `oklch(20.47% 0.0537 259.45)` | Liberty Blue | white, 17.9 to 1 |
| 2 | `#091a38` | `oklch(22.34% 0.0620 260.31)` | Naval Night | white, 17.2 to 1 |
| 3 | `#0c2044` | `oklch(24.93% 0.0738 261.37)` | Dark Eclipse | white, 16.1 to 1 |
| 4 | `#102653` | `oklch(28.00% 0.0876 262.68)` | Dark Soul | white, 14.7 to 1 |
| 5 | `#162d64` | `oklch(31.30% 0.1021 264.27)` | Mythical Night | white, 13.2 to 1 |
| 6 | `#1d3375` | `oklch(34.59% 0.1159 266.18)` | Twilight Express | white, 11.7 to 1 |
| 7 | `#263984` | `oklch(37.63% 0.1276 268.46)` | Surf the Web | white, 10.4 to 1 |
| 8 | `#2f3f91` | `oklch(40.38% 0.1368 270.91)` | Blue Oblivion | white, 9.3 to 1 |
| 9 | `#39449e` | `oklch(43.12% 0.1450 273.25)` | Galaxy Express | white, 8.4 to 1 |
| 10 | `#434aaa` | `oklch(45.83% 0.1522 275.82)` | Night in Manchester | white, 7.5 to 1 |
| 11 | `#4f4fb5` | `oklch(48.47% 0.1587 278.99)` | Swiss Plum | white, 6.7 to 1 |
| 12 | `#5d53bf` | `oklch(51.01% 0.1643 283.11)` | Circumorbital Ring | white, 6 to 1 |
| 13 | `#6c56c7` | `oklch(53.41% 0.1691 288.54)` | Ameixa | white, 5.5 to 1 |
| 14 | `#7e57cc` | `oklch(55.64% 0.1733 295.68)` | Fuchsia Blue | white, 5 to 1 |
| 15 | `#9257cc` | `oklch(57.69% 0.1770 304.70)` | Morado Purple | white, 4.7 to 1 |
| 16 | `#a656c7` | `oklch(59.59% 0.1800 315.05)` | Ripe Lavander | black, 4.7 to 1 |
| 17 | `#ba55bd` | `oklch(61.41% 0.1820 326.17)` | Still Fuchsia | black, 5.1 to 1 |
| 18 | `#cc55b0` | `oklch(63.20% 0.1830 337.48)` | Pú Táo Zǐ Purple | black, 5.4 to 1 |
| 19 | `#db57a2` | `oklch(65.02% 0.1827 348.42)` | Sugar Rush | black, 5.9 to 1 |
| 20 | `#e85c93` | `oklch(66.91% 0.1809 358.53)` | Carmine Rose | black, 6.3 to 1 |
| 21 | `#f26385` | `oklch(68.82% 0.1771 8.56)` | Jellyfish Sting | black, 6.8 to 1 |
| 22 | `#f96d76` | `oklch(70.75% 0.1715 18.60)` | Begonia | black, 7.4 to 1 |
| 23 | `#fd7869` | `oklch(72.67% 0.1651 28.47)` | Salmon | black, 8 to 1 |
| 24 | `#ff855f` | `oklch(74.58% 0.1579 38.00)` | Pink Fire | black, 8.7 to 1 |
| 25 | `#ff9158` | `oklch(76.47% 0.1508 47.02)` | Fire Orange | black, 9.4 to 1 |
| 26 | `#ff9d54` | `oklch(78.33% 0.1464 55.36)` | Autumn Splendour | black, 10.2 to 1 |
| 27 | `#fea954` | `oklch(80.30% 0.1413 63.47)` | Soul Side | black, 11 to 1 |
| 28 | `#fcb558` | `oklch(82.37% 0.1360 71.36)` | Peach Tea | black, 11.9 to 1 |
| 29 | `#fac160` | `oklch(84.40% 0.1310 78.75)` | Sunset Gold | black, 12.8 to 1 |
| 30 | `#f7cb69` | `oklch(86.26% 0.1265 85.34)` | Golden Crest | black, 13.7 to 1 |
| 31 | `#f5d473` | `oklch(87.83% 0.1227 90.84)` | Oriole Yellow | black, 14.5 to 1 |
| 32 | `#f3da7a` | `oklch(88.98% 0.1199 94.95)` | Sandy | black, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #07162f 0.0%, #091a38 3.2%, #0c2044 6.5%, #102653 9.7%, #162d64 12.9%, #1d3375 16.1%, #263984 19.4%, #2f3f91 22.6%, #39449e 25.8%, #434aaa 29.0%, #4f4fb5 32.3%, #5d53bf 35.5%, #6c56c7 38.7%, #7e57cc 41.9%, #9257cc 45.2%, #a656c7 48.4%, #ba55bd 51.6%, #cc55b0 54.8%, #db57a2 58.1%, #e85c93 61.3%, #f26385 64.5%, #f96d76 67.7%, #fd7869 71.0%, #ff855f 74.2%, #ff9158 77.4%, #ff9d54 80.6%, #fea954 83.9%, #fcb558 87.1%, #fac160 90.3%, #f7cb69 93.5%, #f5d473 96.8%, #f3da7a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0537 259.45) 0.0%, oklch(22.34% 0.0620 260.31) 3.2%, oklch(24.93% 0.0738 261.37) 6.5%, oklch(28.00% 0.0876 262.68) 9.7%, oklch(31.30% 0.1021 264.27) 12.9%, oklch(34.59% 0.1159 266.18) 16.1%, oklch(37.63% 0.1276 268.46) 19.4%, oklch(40.38% 0.1368 270.91) 22.6%, oklch(43.12% 0.1450 273.25) 25.8%, oklch(45.83% 0.1522 275.82) 29.0%, oklch(48.47% 0.1587 278.99) 32.3%, oklch(51.01% 0.1643 283.11) 35.5%, oklch(53.41% 0.1691 288.54) 38.7%, oklch(55.64% 0.1733 295.68) 41.9%, oklch(57.69% 0.1770 304.70) 45.2%, oklch(59.59% 0.1800 315.05) 48.4%, oklch(61.41% 0.1820 326.17) 51.6%, oklch(63.20% 0.1830 337.48) 54.8%, oklch(65.02% 0.1827 348.42) 58.1%, oklch(66.91% 0.1809 358.53) 61.3%, oklch(68.82% 0.1771 8.56) 64.5%, oklch(70.75% 0.1715 18.60) 67.7%, oklch(72.67% 0.1651 28.47) 71.0%, oklch(74.58% 0.1579 38.00) 74.2%, oklch(76.47% 0.1508 47.02) 77.4%, oklch(78.33% 0.1464 55.36) 80.6%, oklch(80.30% 0.1413 63.47) 83.9%, oklch(82.37% 0.1360 71.36) 87.1%, oklch(84.40% 0.1310 78.75) 90.3%, oklch(86.26% 0.1265 85.34) 93.5%, oklch(87.83% 0.1227 90.84) 96.8%, oklch(88.98% 0.1199 94.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.054 | 259.5 |
| 2 | 0.382 | 0.13 | 269 |
| 3 | 0.543 | 0.171 | 291.2 |
| 4 | 0.661 | 0.182 | 354.6 |
| 5 | 0.78 | 0.147 | 413.7 |
| 6 | 0.89 | 0.12 | 455 |

## In these collections

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

## Other forms

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