# Navy, mauve and lime green multicolor palette

The Navy, mauve and lime green multicolor palette brings together dark blue, dark purple, purple, magenta, light yellow, light green, and green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is green.

- Also called: Navy, purple, gray and light green angular gradient
- Seed: `kaKVO5HjRCa62Q1JkMM4hZPXO4wb3xsBg`
- Page: https://grabient.com/kaKVO5HjRCa62Q1JkMM4hZPXO4wb3xsBg?style=angularGradient&steps=21
- Drawn as: angular gradient, 21 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 16.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 | `#000a2a` | `oklch(16.18% 0.0688 260.74)` | Mysterious Depths | white, 19.4 to 1 |
| 2 | `#010045` | `oklch(17.67% 0.1216 264.71)` | Endless Galaxy | white, 19.3 to 1 |
| 3 | `#09004f` | `oklch(19.93% 0.1292 271.27)` | Night Blue | white, 18.6 to 1 |
| 4 | `#17005a` | `oklch(22.66% 0.1384 278.74)` | Scoop of Dark Matter | white, 17.7 to 1 |
| 5 | `#250165` | `oklch(25.74% 0.1477 286.54)` | Blackmail | white, 16.5 to 1 |
| 6 | `#36056e` | `oklch(29.26% 0.1543 295.16)` | Deep Violet | white, 14.9 to 1 |
| 7 | `#491175` | `oklch(33.40% 0.1551 304.07)` | Invasive Indigo | white, 12.9 to 1 |
| 8 | `#5c2479` | `oklch(38.41% 0.1424 312.15)` | Violethargic | white, 10.5 to 1 |
| 9 | `#6b3f7d` | `oklch(44.62% 0.1096 315.97)` | Dark Pansy | white, 7.9 to 1 |
| 10 | `#7a5980` | `oklch(51.38% 0.0712 321.56)` | Dr Who | white, 5.8 to 1 |
| 11 | `#8c7084` | `oklch(57.87% 0.0455 337.30)` | Who-Dun-It | black, 4.7 to 1 |
| 12 | `#a28386` | `oklch(63.98% 0.0388 12.39)` | Wallflower | black, 6.1 to 1 |
| 13 | `#b39884` | `oklch(69.94% 0.0431 58.66)` | Butcher Paper | black, 7.7 to 1 |
| 14 | `#b8b088` | `oklch(75.47% 0.0553 98.49)` | Tomatillo Salsa | black, 9.6 to 1 |
| 15 | `#bbc68f` | `oklch(80.44% 0.0754 117.78)` | Misty Valley | black, 11.5 to 1 |
| 16 | `#c1da8a` | `oklch(85.06% 0.1067 122.54)` | Pancotto Pugliese | black, 13.6 to 1 |
| 17 | `#cce97c` | `oklch(88.96% 0.1390 121.63)` | Sulu | black, 15.5 to 1 |
| 18 | `#d0f573` | `oklch(91.70% 0.1620 122.94)` | Mystic Green | black, 16.9 to 1 |
| 19 | `#cefc6d` | `oklch(93.12% 0.1771 124.73)` | Pear Spritz | black, 17.7 to 1 |
| 20 | `#cdff6f` | `oklch(93.71% 0.1792 125.67)` | Green Shimmer | black, 18.1 to 1 |
| 21 | `#d0ff81` | `oklch(94.09% 0.1620 126.30)` | Green Shimmer | black, 18.2 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #000a2a 0.0%, #010045 5.0%, #09004f 10.0%, #17005a 15.0%, #250165 20.0%, #36056e 25.0%, #491175 30.0%, #5c2479 35.0%, #6b3f7d 40.0%, #7a5980 45.0%, #8c7084 50.0%, #a28386 55.0%, #b39884 60.0%, #b8b088 65.0%, #bbc68f 70.0%, #c1da8a 75.0%, #cce97c 80.0%, #d0f573 85.0%, #cefc6d 90.0%, #cdff6f 95.0%, #d0ff81 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(16.18% 0.0688 260.74) 0.0%, oklch(17.67% 0.1216 264.71) 5.0%, oklch(19.93% 0.1292 271.27) 10.0%, oklch(22.66% 0.1384 278.74) 15.0%, oklch(25.74% 0.1477 286.54) 20.0%, oklch(29.26% 0.1543 295.16) 25.0%, oklch(33.40% 0.1551 304.07) 30.0%, oklch(38.41% 0.1424 312.15) 35.0%, oklch(44.62% 0.1096 315.97) 40.0%, oklch(51.38% 0.0712 321.56) 45.0%, oklch(57.87% 0.0455 337.30) 50.0%, oklch(63.98% 0.0388 12.39) 55.0%, oklch(69.94% 0.0431 58.66) 60.0%, oklch(75.47% 0.0553 98.49) 65.0%, oklch(80.44% 0.0754 117.78) 70.0%, oklch(85.06% 0.1067 122.54) 75.0%, oklch(88.96% 0.1390 121.63) 80.0%, oklch(91.70% 0.1620 122.94) 85.0%, oklch(93.12% 0.1771 124.73) 90.0%, oklch(93.71% 0.1792 125.67) 95.0%, oklch(94.09% 0.1620 126.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.114 | 260.2 |
| 2 | 0.236 | 0.143 | 281.3 |
| 3 | 0.366 | 0.149 | 309.8 |
| 4 | 0.579 | 0.045 | 337.3 |
| 5 | 0.772 | 0.061 | 467.3 |
| 6 | 0.909 | 0.156 | 482.1 |
| 7 | 0.941 | 0.194 | 486.3 |

## In these collections

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

## Other forms

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