# Near-black, moss and aubergine green multicolor palette

The Near-black, moss and aubergine green multicolor palette brings together dark gray, green, and purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is green.

- Also called: Black, green, blue and purple linear gradient
- Seed: `kWLBBqshs_lUyvpEI1OK6K_w`
- Page: https://grabient.com/kWLBBqshs_lUyvpEI1OK6K_w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.7 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 | `#09130b` | `oklch(17.32% 0.0220 149.77)` | Jedi Night | white, 18.9 to 1 |
| 2 | `#0b170e` | `oklch(19.05% 0.0262 149.57)` | Pinch of Pepper | white, 18.3 to 1 |
| 3 | `#0e1d11` | `oklch(21.31% 0.0315 149.38)` | Pinch of Pepper | white, 17.4 to 1 |
| 4 | `#122415` | `oklch(24.00% 0.0379 149.16)` | Nightmare | white, 16.2 to 1 |
| 5 | `#162d1a` | `oklch(27.01% 0.0451 148.87)` | Bush | white, 14.8 to 1 |
| 6 | `#1a361f` | `oklch(30.24% 0.0528 148.47)` | Deep Fir | white, 13.2 to 1 |
| 7 | `#1f3f24` | `oklch(33.58% 0.0607 147.95)` | Queen of Trees | white, 11.6 to 1 |
| 8 | `#24492a` | `oklch(36.93% 0.0686 147.25)` | Cal Poly Pomona Green | white, 10.1 to 1 |
| 9 | `#2a532e` | `oklch(40.20% 0.0764 146.26)` | Kaitoke Green | white, 8.8 to 1 |
| 10 | `#335e32` | `oklch(43.95% 0.0853 143.26)` | Parsley | white, 7.5 to 1 |
| 11 | `#416b34` | `oklch(48.19% 0.0955 138.53)` | Tree Shade | white, 6.2 to 1 |
| 12 | `#517834` | `oklch(52.63% 0.1062 133.25)` | Luscious Lemongrass | white, 5.1 to 1 |
| 13 | `#628433` | `oklch(56.96% 0.1165 128.64)` | Stamnankáthi Green | black, 4.8 to 1 |
| 14 | `#709033` | `oklch(60.88% 0.1258 125.88)` | Olive Thrill | black, 5.7 to 1 |
| 15 | `#789a37` | `oklch(64.09% 0.1332 126.17)` | Aloe Vera Green | black, 6.5 to 1 |
| 16 | `#75a442` | `oklch(66.30% 0.1380 130.73)` | Festival Green | black, 7.1 to 1 |
| 17 | `#62ab56` | `oklch(67.23% 0.1394 140.99)` | Shiso Green | black, 7.4 to 1 |
| 18 | `#34ae75` | `oklch(67.00% 0.1370 158.43)` | Link’s Awakening | black, 7.4 to 1 |
| 19 | `#00a996` | `oklch(65.85% 0.1185 181.23)` | Persian Green | black, 7.1 to 1 |
| 20 | `#009eae` | `oklch(64.00% 0.1098 207.19)` | Lake Blue | black, 6.5 to 1 |
| 21 | `#2690c0` | `oklch(61.66% 0.1169 234.05)` | Christmas Blue | black, 5.8 to 1 |
| 22 | `#567ebe` | `oklch(59.09% 0.1091 259.61)` | Blue Iolite | black, 5 to 1 |
| 23 | `#6c6eb0` | `oklch(56.48% 0.1022 281.66)` | Mediaeval | white, 4.6 to 1 |
| 24 | `#7662a0` | `oklch(54.08% 0.0973 297.96)` | Scampi | white, 5.2 to 1 |
| 25 | `#775993` | `oklch(51.83% 0.0947 307.37)` | Ghostly Purple | white, 5.7 to 1 |
| 26 | `#735187` | `oklch(49.21% 0.0933 311.92)` | Affair | white, 6.4 to 1 |
| 27 | `#6b487e` | `oklch(46.35% 0.0929 312.79)` | Perfectly Purple | white, 7.3 to 1 |
| 28 | `#614176` | `oklch(43.42% 0.0930 311.07)` | Drifting Violet | white, 8.3 to 1 |
| 29 | `#573a70` | `oklch(40.59% 0.0936 307.82)` | Loden Purple | white, 9.3 to 1 |
| 30 | `#4e346b` | `oklch(38.01% 0.0943 304.15)` | Petunia | white, 10.4 to 1 |
| 31 | `#462e66` | `oklch(35.84% 0.0949 301.12)` | Violet Indigo | white, 11.3 to 1 |
| 32 | `#412b62` | `oklch(34.25% 0.0951 299.82)` | Violet Indigo | white, 12 to 1 |

## CSS

```css
background: linear-gradient(135deg, #09130b 0.0%, #0b170e 3.2%, #0e1d11 6.5%, #122415 9.7%, #162d1a 12.9%, #1a361f 16.1%, #1f3f24 19.4%, #24492a 22.6%, #2a532e 25.8%, #335e32 29.0%, #416b34 32.3%, #517834 35.5%, #628433 38.7%, #709033 41.9%, #789a37 45.2%, #75a442 48.4%, #62ab56 51.6%, #34ae75 54.8%, #00a996 58.1%, #009eae 61.3%, #2690c0 64.5%, #567ebe 67.7%, #6c6eb0 71.0%, #7662a0 74.2%, #775993 77.4%, #735187 80.6%, #6b487e 83.9%, #614176 87.1%, #573a70 90.3%, #4e346b 93.5%, #462e66 96.8%, #412b62 100.0%);
background: linear-gradient(135deg in oklch, oklch(17.32% 0.0220 149.77) 0.0%, oklch(19.05% 0.0262 149.57) 3.2%, oklch(21.31% 0.0315 149.38) 6.5%, oklch(24.00% 0.0379 149.16) 9.7%, oklch(27.01% 0.0451 148.87) 12.9%, oklch(30.24% 0.0528 148.47) 16.1%, oklch(33.58% 0.0607 147.95) 19.4%, oklch(36.93% 0.0686 147.25) 22.6%, oklch(40.20% 0.0764 146.26) 25.8%, oklch(43.95% 0.0853 143.26) 29.0%, oklch(48.19% 0.0955 138.53) 32.3%, oklch(52.63% 0.1062 133.25) 35.5%, oklch(56.96% 0.1165 128.64) 38.7%, oklch(60.88% 0.1258 125.88) 41.9%, oklch(64.09% 0.1332 126.17) 45.2%, oklch(66.30% 0.1380 130.73) 48.4%, oklch(67.23% 0.1394 140.99) 51.6%, oklch(67.00% 0.1370 158.43) 54.8%, oklch(65.85% 0.1185 181.23) 58.1%, oklch(64.00% 0.1098 207.19) 61.3%, oklch(61.66% 0.1169 234.05) 64.5%, oklch(59.09% 0.1091 259.61) 67.7%, oklch(56.48% 0.1022 281.66) 71.0%, oklch(54.08% 0.0973 297.96) 74.2%, oklch(51.83% 0.0947 307.37) 77.4%, oklch(49.21% 0.0933 311.92) 80.6%, oklch(46.35% 0.0929 312.79) 83.9%, oklch(43.42% 0.0930 311.07) 87.1%, oklch(40.59% 0.0936 307.82) 90.3%, oklch(38.01% 0.0943 304.15) 93.5%, oklch(35.84% 0.0949 301.12) 96.8%, oklch(34.25% 0.0951 299.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.022 | 149.8 |
| 2 | 0.394 | 0.074 | 146.6 |
| 3 | 0.669 | 0.139 | 135 |
| 4 | 0.535 | 0.096 | 300.9 |
| 5 | 0.343 | 0.095 | 299.8 |

## In these collections

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

## Other forms

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