# Navy, aubergine and mustard multicolor palette

The Navy, aubergine and mustard multicolor palette brings together dark blue, dark purple, magenta, 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, red and yellow linear gradient
- Seed: `kUJT-8Hy_EC-7xJkPM7g`
- Page: https://grabient.com/kUJT-8Hy_EC-7xJkPM7g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.3 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 | `#00032e` | `oklch(14.57% 0.0868 264.38)` | Illicit Darkness | white, 19.9 to 1 |
| 2 | `#010330` | `oklch(15.12% 0.0894 266.36)` | Illicit Darkness | white, 19.8 to 1 |
| 3 | `#030333` | `oklch(15.80% 0.0927 268.87)` | Oblivion | white, 19.7 to 1 |
| 4 | `#050337` | `oklch(16.61% 0.0967 271.82)` | Oblivion | white, 19.5 to 1 |
| 5 | `#09033b` | `oklch(17.52% 0.1012 275.14)` | Cosmic Void | white, 19.3 to 1 |
| 6 | `#0e0240` | `oklch(18.50% 0.1060 278.75)` | Floppy Disk | white, 19 to 1 |
| 7 | `#130244` | `oklch(19.56% 0.1109 282.54)` | Floppy Disk | white, 18.7 to 1 |
| 8 | `#190248` | `oklch(20.65% 0.1159 286.46)` | Magic Whale | white, 18.4 to 1 |
| 9 | `#1e014c` | `oklch(21.78% 0.1208 290.40)` | Magic Whale | white, 18 to 1 |
| 10 | `#240050` | `oklch(22.91% 0.1254 294.29)` | Crowberry | white, 17.6 to 1 |
| 11 | `#2a0053` | `oklch(24.04% 0.1296 298.04)` | Crowberry | white, 17.2 to 1 |
| 12 | `#2f0055` | `oklch(25.13% 0.1331 301.43)` | Hollow Knight | white, 16.7 to 1 |
| 13 | `#340057` | `oklch(26.05% 0.1358 304.31)` | Cotinga Purple | white, 16.3 to 1 |
| 14 | `#380059` | `oklch(26.87% 0.1382 306.83)` | Cotinga Purple | white, 16 to 1 |
| 15 | `#3c005a` | `oklch(27.66% 0.1405 309.21)` | Ripe Plum | white, 15.6 to 1 |
| 16 | `#41005b` | `oklch(28.50% 0.1429 311.68)` | Ripe Plum | white, 15.2 to 1 |
| 17 | `#46005d` | `oklch(29.46% 0.1455 314.47)` | Clairvoyant | white, 14.8 to 1 |
| 18 | `#4c005e` | `oklch(30.59% 0.1485 317.80)` | Clairvoyant | white, 14.3 to 1 |
| 19 | `#53005f` | `oklch(31.98% 0.1519 321.91)` | God of Nights | white, 13.6 to 1 |
| 20 | `#5d005f` | `oklch(33.68% 0.1559 327.01)` | Clear Plum | white, 12.8 to 1 |
| 21 | `#69005f` | `oklch(35.77% 0.1604 333.34)` | Divine Purple | white, 11.9 to 1 |
| 22 | `#77015c` | `oklch(38.33% 0.1645 341.18)` | Rich Purple | white, 10.8 to 1 |
| 23 | `#880b56` | `oklch(41.65% 0.1658 351.34)` | Cardinal Pink | white, 9.4 to 1 |
| 24 | `#9b194d` | `oklch(45.63% 0.1667 3.55)` | Hydrangea Red | white, 7.9 to 1 |
| 25 | `#ae2a3f` | `oklch(50.10% 0.1672 17.23)` | Cherryade | white, 6.5 to 1 |
| 26 | `#bf3f2b` | `oklch(54.84% 0.1674 31.80)` | Dried Saffron | white, 5.2 to 1 |
| 27 | `#cb5700` | `oklch(59.69% 0.1661 46.64)` | Tenné | black, 4.9 to 1 |
| 28 | `#cd7400` | `oklch(64.44% 0.1493 61.24)` | Tree Sap | black, 6 to 1 |
| 29 | `#cf8c00` | `oklch(68.91% 0.1454 74.97)` | Festering Brown | black, 7.3 to 1 |
| 30 | `#cfa000` | `oklch(72.91% 0.1491 87.26)` | Lepton Gold | black, 8.6 to 1 |
| 31 | `#ceb100` | `oklch(76.25% 0.1574 97.52)` | Mustard | black, 9.9 to 1 |
| 32 | `#cabe03` | `oklch(78.74% 0.1667 105.16)` | Cricket Chirping | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #00032e 0.0%, #010330 3.2%, #030333 6.5%, #050337 9.7%, #09033b 12.9%, #0e0240 16.1%, #130244 19.4%, #190248 22.6%, #1e014c 25.8%, #240050 29.0%, #2a0053 32.3%, #2f0055 35.5%, #340057 38.7%, #380059 41.9%, #3c005a 45.2%, #41005b 48.4%, #46005d 51.6%, #4c005e 54.8%, #53005f 58.1%, #5d005f 61.3%, #69005f 64.5%, #77015c 67.7%, #880b56 71.0%, #9b194d 74.2%, #ae2a3f 77.4%, #bf3f2b 80.6%, #cb5700 83.9%, #cd7400 87.1%, #cf8c00 90.3%, #cfa000 93.5%, #ceb100 96.8%, #cabe03 100.0%);
background: linear-gradient(135deg in oklch, oklch(14.57% 0.0868 264.38) 0.0%, oklch(15.12% 0.0894 266.36) 3.2%, oklch(15.80% 0.0927 268.87) 6.5%, oklch(16.61% 0.0967 271.82) 9.7%, oklch(17.52% 0.1012 275.14) 12.9%, oklch(18.50% 0.1060 278.75) 16.1%, oklch(19.56% 0.1109 282.54) 19.4%, oklch(20.65% 0.1159 286.46) 22.6%, oklch(21.78% 0.1208 290.40) 25.8%, oklch(22.91% 0.1254 294.29) 29.0%, oklch(24.04% 0.1296 298.04) 32.3%, oklch(25.13% 0.1331 301.43) 35.5%, oklch(26.05% 0.1358 304.31) 38.7%, oklch(26.87% 0.1382 306.83) 41.9%, oklch(27.66% 0.1405 309.21) 45.2%, oklch(28.50% 0.1429 311.68) 48.4%, oklch(29.46% 0.1455 314.47) 51.6%, oklch(30.59% 0.1485 317.80) 54.8%, oklch(31.98% 0.1519 321.91) 58.1%, oklch(33.68% 0.1559 327.01) 61.3%, oklch(35.77% 0.1604 333.34) 64.5%, oklch(38.33% 0.1645 341.18) 67.7%, oklch(41.65% 0.1658 351.34) 71.0%, oklch(45.63% 0.1667 3.55) 74.2%, oklch(50.10% 0.1672 17.23) 77.4%, oklch(54.84% 0.1674 31.80) 80.6%, oklch(59.69% 0.1661 46.64) 83.9%, oklch(64.44% 0.1493 61.24) 87.1%, oklch(68.91% 0.1454 74.97) 90.3%, oklch(72.91% 0.1491 87.26) 93.5%, oklch(76.25% 0.1574 97.52) 96.8%, oklch(78.74% 0.1667 105.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.146 | 0.087 | 264.4 |
| 2 | 0.244 | 0.131 | 299.2 |
| 3 | 0.374 | 0.164 | 338.3 |
| 4 | 0.787 | 0.167 | 465.2 |

## In these collections

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

## Other forms

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