# Violet beneath the Pines

The "Color Palette: Near-black and deep cyan" palette brings together dark purple, purple, blue, green, and dark green. 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 dark purple, and its lightest tone is blue.

- Also called: Black, purple, teal and dark green radial gradient
- Seed: `kWKRzVsjg_7gZt83obdHo9AA`
- Page: https://grabient.com/kWKRzVsjg_7gZt83obdHo9AA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, cool, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#10091b` | `oklch(16.14% 0.0386 300.23)` | Tristesse | white, 19.4 to 1 |
| 2 | `#160c24` | `oklch(18.14% 0.0493 300.73)` | Corbeau | white, 18.9 to 1 |
| 3 | `#1e0f30` | `oklch(20.94% 0.0652 301.93)` | Midnight Monarch | white, 18 to 1 |
| 4 | `#291240` | `oklch(24.29% 0.0841 303.39)` | Oily Purple | white, 16.7 to 1 |
| 5 | `#351651` | `oklch(27.92% 0.1042 304.66)` | Russian Violet | white, 15.2 to 1 |
| 6 | `#411962` | `oklch(31.55% 0.1233 305.31)` | Obsidian Shell | white, 13.6 to 1 |
| 7 | `#4c1e73` | `oklch(34.92% 0.1394 304.88)` | Fading Horizon | white, 12.1 to 1 |
| 8 | `#532381` | `oklch(37.75% 0.1505 302.95)` | Kalish Violet | white, 10.8 to 1 |
| 9 | `#552a8d` | `oklch(39.80% 0.1546 299.06)` | Night Fever | white, 10 to 1 |
| 10 | `#513393` | `oklch(41.24% 0.1510 293.10)` | Blue Magenta Violet | white, 9.3 to 1 |
| 11 | `#4a3c96` | `oklch(42.25% 0.1414 285.44)` | Blueberry | white, 8.8 to 1 |
| 12 | `#3f4594` | `oklch(42.92% 0.1278 276.50)` | Galaxy Express | white, 8.4 to 1 |
| 13 | `#344c8e` | `oklch(43.34% 0.1122 266.69)` | Blue Highlight | white, 8.1 to 1 |
| 14 | `#2b5286` | `oklch(43.60% 0.0966 256.44)` | Galaxy Blue | white, 7.9 to 1 |
| 15 | `#26567d` | `oklch(43.78% 0.0829 246.14)` | Breonne Blue | white, 7.7 to 1 |
| 16 | `#245875` | `oklch(43.97% 0.0731 236.23)` | Sea Hunter | white, 7.6 to 1 |
| 17 | `#215b71` | `oklch(44.25% 0.0688 226.82)` | Blue Coral | white, 7.5 to 1 |
| 18 | `#1b5e6d` | `oklch(44.63% 0.0690 216.58)` | Galapagos | white, 7.3 to 1 |
| 19 | `#116169` | `oklch(45.03% 0.0721 205.73)` | Turkish Aqua | white, 7.1 to 1 |
| 20 | `#016363` | `oklch(45.34% 0.0771 194.77)` | Emerald Stone | white, 7 to 1 |
| 21 | `#00655c` | `oklch(45.50% 0.0805 184.19)` | Arizona Stone | white, 6.9 to 1 |
| 22 | `#006653` | `oklch(45.38% 0.0859 174.50)` | Piney Lake | white, 6.9 to 1 |
| 23 | `#046549` | `oklch(44.91% 0.0918 166.24)` | Green Paw Paw | white, 7.1 to 1 |
| 24 | `#116240` | `oklch(44.01% 0.0927 159.87)` | Fun Green | white, 7.4 to 1 |
| 25 | `#185d39` | `oklch(42.47% 0.0901 155.82)` | Spruce | white, 7.9 to 1 |
| 26 | `#1a5532` | `oklch(40.17% 0.0847 153.88)` | Moor-Monster | white, 8.7 to 1 |
| 27 | `#184c2d` | `oklch(37.34% 0.0776 153.58)` | Cal Poly Pomona Green | white, 9.9 to 1 |
| 28 | `#154328` | `oklch(34.23% 0.0693 154.44)` | Zucchini | white, 11.2 to 1 |
| 29 | `#113923` | `oklch(31.09% 0.0607 155.96)` | Deep Fir | white, 12.7 to 1 |
| 30 | `#0e311f` | `oklch(28.17% 0.0527 157.66)` | Méi Hēi Coal | white, 14.2 to 1 |
| 31 | `#0c2a1b` | `oklch(25.73% 0.0460 159.07)` | Nori Green | white, 15.4 to 1 |
| 32 | `#0b2518` | `oklch(24.02% 0.0413 159.69)` | Nightmare | white, 16.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #10091b 0.0%, #160c24 3.2%, #1e0f30 6.5%, #291240 9.7%, #351651 12.9%, #411962 16.1%, #4c1e73 19.4%, #532381 22.6%, #552a8d 25.8%, #513393 29.0%, #4a3c96 32.3%, #3f4594 35.5%, #344c8e 38.7%, #2b5286 41.9%, #26567d 45.2%, #245875 48.4%, #215b71 51.6%, #1b5e6d 54.8%, #116169 58.1%, #016363 61.3%, #00655c 64.5%, #006653 67.7%, #046549 71.0%, #116240 74.2%, #185d39 77.4%, #1a5532 80.6%, #184c2d 83.9%, #154328 87.1%, #113923 90.3%, #0e311f 93.5%, #0c2a1b 96.8%, #0b2518 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.14% 0.0386 300.23) 0.0%, oklch(18.14% 0.0493 300.73) 3.2%, oklch(20.94% 0.0652 301.93) 6.5%, oklch(24.29% 0.0841 303.39) 9.7%, oklch(27.92% 0.1042 304.66) 12.9%, oklch(31.55% 0.1233 305.31) 16.1%, oklch(34.92% 0.1394 304.88) 19.4%, oklch(37.75% 0.1505 302.95) 22.6%, oklch(39.80% 0.1546 299.06) 25.8%, oklch(41.24% 0.1510 293.10) 29.0%, oklch(42.25% 0.1414 285.44) 32.3%, oklch(42.92% 0.1278 276.50) 35.5%, oklch(43.34% 0.1122 266.69) 38.7%, oklch(43.60% 0.0966 256.44) 41.9%, oklch(43.78% 0.0829 246.14) 45.2%, oklch(43.97% 0.0731 236.23) 48.4%, oklch(44.25% 0.0688 226.82) 51.6%, oklch(44.63% 0.0690 216.58) 54.8%, oklch(45.03% 0.0721 205.73) 58.1%, oklch(45.34% 0.0771 194.77) 61.3%, oklch(45.50% 0.0805 184.19) 64.5%, oklch(45.38% 0.0859 174.50) 67.7%, oklch(44.91% 0.0918 166.24) 71.0%, oklch(44.01% 0.0927 159.87) 74.2%, oklch(42.47% 0.0901 155.82) 77.4%, oklch(40.17% 0.0847 153.88) 80.6%, oklch(37.34% 0.0776 153.58) 83.9%, oklch(34.23% 0.0693 154.44) 87.1%, oklch(31.09% 0.0607 155.96) 90.3%, oklch(28.17% 0.0527 157.66) 93.5%, oklch(25.73% 0.0460 159.07) 96.8%, oklch(24.02% 0.0413 159.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.039 | 300.2 |
| 2 | 0.394 | 0.154 | 300.2 |
| 3 | 0.441 | 0.07 | 231.5 |
| 4 | 0.437 | 0.092 | 158.6 |
| 5 | 0.24 | 0.041 | 159.7 |

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