# Near-black, forest green and violet color palette

The Near-black, forest green and violet color palette brings together black, dark green, green, blue, and purple. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits botanical branding and garden event graphics. Its darkest tone is black, and its lightest tone is blue.

- Also called: Black, dark green, teal and purple radial gradient
- Seed: `kWHQp1no8_Lehv84GciMjhIA`
- Page: https://grabient.com/kWHQp1no8_Lehv84GciMjhIA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#020604` | `oklch(11.42% 0.0138 165.23)` | Black Metal | white, 20.3 to 1 |
| 2 | `#020805` | `oklch(12.37% 0.0158 164.69)` | Black Metal | white, 20.1 to 1 |
| 3 | `#030b07` | `oklch(13.60% 0.0184 163.92)` | Dark Side of the Moon | white, 19.9 to 1 |
| 4 | `#040e09` | `oklch(15.05% 0.0214 163.00)` | Alpine Salamander | white, 19.5 to 1 |
| 5 | `#05120b` | `oklch(16.70% 0.0248 162.00)` | Jedi Night | white, 19.1 to 1 |
| 6 | `#06170e` | `oklch(18.51% 0.0287 161.01)` | Pinch of Pepper | white, 18.5 to 1 |
| 7 | `#081c12` | `oklch(20.44% 0.0330 160.09)` | Pinch of Pepper | white, 17.7 to 1 |
| 8 | `#0a2115` | `oklch(22.46% 0.0376 159.33)` | Nightmare | white, 16.9 to 1 |
| 9 | `#0c2719` | `oklch(24.55% 0.0427 158.74)` | Deep Slate Green | white, 15.9 to 1 |
| 10 | `#0e2e1d` | `oklch(27.00% 0.0490 157.62)` | Bush | white, 14.7 to 1 |
| 11 | `#113621` | `oklch(29.79% 0.0566 155.99)` | Phthalo Green | white, 13.4 to 1 |
| 12 | `#143e25` | `oklch(32.75% 0.0648 154.30)` | Mizukaze Green | white, 11.9 to 1 |
| 13 | `#184729` | `oklch(35.72% 0.0729 153.00)` | Zucchini | white, 10.6 to 1 |
| 14 | `#1b502e` | `oklch(38.53% 0.0805 152.52)` | Cal Poly Pomona Green | white, 9.4 to 1 |
| 15 | `#1c5833` | `oklch(41.00% 0.0867 153.31)` | Crusoe | white, 8.4 to 1 |
| 16 | `#195e3a` | `oklch(42.96% 0.0910 155.81)` | Spruce | white, 7.7 to 1 |
| 17 | `#116342` | `oklch(44.28% 0.0928 160.46)` | Aotake Bamboo | white, 7.3 to 1 |
| 18 | `#03654b` | `oklch(45.07% 0.0910 167.36)` | Green Paw Paw | white, 7 to 1 |
| 19 | `#006655` | `oklch(45.44% 0.0849 176.02)` | Piney Lake | white, 6.9 to 1 |
| 20 | `#00655d` | `oklch(45.48% 0.0798 185.97)` | Arizona Stone | white, 6.9 to 1 |
| 21 | `#056364` | `oklch(45.28% 0.0757 196.70)` | Really Teal | white, 7 to 1 |
| 22 | `#136069` | `oklch(44.93% 0.0711 207.68)` | Turkish Aqua | white, 7.2 to 1 |
| 23 | `#1c5d6d` | `oklch(44.53% 0.0686 218.43)` | Deep Blue Sea | white, 7.4 to 1 |
| 24 | `#215a71` | `oklch(44.17% 0.0694 228.43)` | Blue Coral | white, 7.5 to 1 |
| 25 | `#245876` | `oklch(43.82% 0.0746 237.86)` | Sea Hunter | white, 7.7 to 1 |
| 26 | `#26547c` | `oklch(43.28% 0.0837 247.91)` | Blueberry Twist | white, 7.9 to 1 |
| 27 | `#2c4e82` | `oklch(42.60% 0.0957 258.23)` | Assassin | white, 8.2 to 1 |
| 28 | `#344888` | `oklch(41.85% 0.1092 268.41)` | Truth | white, 8.6 to 1 |
| 29 | `#3d408b` | `oklch(41.09% 0.1230 278.04)` | Clematis Blue | white, 9.1 to 1 |
| 30 | `#46378d` | `oklch(40.38% 0.1360 286.70)` | Majestic Eggplant | white, 9.5 to 1 |
| 31 | `#4e2f8c` | `oklch(39.79% 0.1468 293.97)` | Sick Blue | white, 9.9 to 1 |
| 32 | `#54298b` | `oklch(39.37% 0.1543 299.44)` | KSU Purple | white, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #020604 0.0%, #020805 3.2%, #030b07 6.5%, #040e09 9.7%, #05120b 12.9%, #06170e 16.1%, #081c12 19.4%, #0a2115 22.6%, #0c2719 25.8%, #0e2e1d 29.0%, #113621 32.3%, #143e25 35.5%, #184729 38.7%, #1b502e 41.9%, #1c5833 45.2%, #195e3a 48.4%, #116342 51.6%, #03654b 54.8%, #006655 58.1%, #00655d 61.3%, #056364 64.5%, #136069 67.7%, #1c5d6d 71.0%, #215a71 74.2%, #245876 77.4%, #26547c 80.6%, #2c4e82 83.9%, #344888 87.1%, #3d408b 90.3%, #46378d 93.5%, #4e2f8c 96.8%, #54298b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(11.42% 0.0138 165.23) 0.0%, oklch(12.37% 0.0158 164.69) 3.2%, oklch(13.60% 0.0184 163.92) 6.5%, oklch(15.05% 0.0214 163.00) 9.7%, oklch(16.70% 0.0248 162.00) 12.9%, oklch(18.51% 0.0287 161.01) 16.1%, oklch(20.44% 0.0330 160.09) 19.4%, oklch(22.46% 0.0376 159.33) 22.6%, oklch(24.55% 0.0427 158.74) 25.8%, oklch(27.00% 0.0490 157.62) 29.0%, oklch(29.79% 0.0566 155.99) 32.3%, oklch(32.75% 0.0648 154.30) 35.5%, oklch(35.72% 0.0729 153.00) 38.7%, oklch(38.53% 0.0805 152.52) 41.9%, oklch(41.00% 0.0867 153.31) 45.2%, oklch(42.96% 0.0910 155.81) 48.4%, oklch(44.28% 0.0928 160.46) 51.6%, oklch(45.07% 0.0910 167.36) 54.8%, oklch(45.44% 0.0849 176.02) 58.1%, oklch(45.48% 0.0798 185.97) 61.3%, oklch(45.28% 0.0757 196.70) 64.5%, oklch(44.93% 0.0711 207.68) 67.7%, oklch(44.53% 0.0686 218.43) 71.0%, oklch(44.17% 0.0694 228.43) 74.2%, oklch(43.82% 0.0746 237.86) 77.4%, oklch(43.28% 0.0837 247.91) 80.6%, oklch(42.60% 0.0957 258.23) 83.9%, oklch(41.85% 0.1092 268.41) 87.1%, oklch(41.09% 0.1230 278.04) 90.3%, oklch(40.38% 0.1360 286.70) 93.5%, oklch(39.79% 0.1468 293.97) 96.8%, oklch(39.37% 0.1543 299.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.114 | 0.014 | 165.2 |
| 2 | 0.24 | 0.041 | 158.9 |
| 3 | 0.437 | 0.092 | 157.8 |
| 4 | 0.441 | 0.07 | 230.8 |
| 5 | 0.394 | 0.154 | 299.4 |

## In these collections

- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)
- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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