# Near-black, moss and magenta color palette

The Near-black, moss and magenta color palette brings together dark green, green, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark green, and its lightest tone is green.

- Also called: Dark green, green, pink and purple linear gradient
- Seed: `kWORVvQaO_FgqPVVJjAOia-I`
- Page: https://grabient.com/kWORVvQaO_FgqPVVJjAOia-I?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.5 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 | `#102016` | `oklch(22.44% 0.0289 156.09)` | Nightmare | white, 16.9 to 1 |
| 2 | `#13261a` | `oklch(24.86% 0.0348 155.61)` | Deep Slate Green | white, 15.8 to 1 |
| 3 | `#163020` | `oklch(28.17% 0.0431 155.08)` | Méi Hēi Coal | white, 14.2 to 1 |
| 4 | `#1b3b27` | `oklch(32.12% 0.0529 154.45)` | Deep Fir | white, 12.3 to 1 |
| 5 | `#20482e` | `oklch(36.45% 0.0636 153.68)` | Zucchini | white, 10.3 to 1 |
| 6 | `#265636` | `oklch(40.90% 0.0744 152.71)` | Kaitoke Green | white, 8.5 to 1 |
| 7 | `#2d633d` | `oklch(45.19% 0.0844 151.51)` | Fairway Green | white, 7 to 1 |
| 8 | `#356f44` | `oklch(49.08% 0.0929 150.03)` | Arcala Green | white, 5.9 to 1 |
| 9 | `#3d7948` | `oklch(52.33% 0.0992 148.26)` | Autumn Crocodile | white, 5.1 to 1 |
| 10 | `#45834e` | `oklch(55.30% 0.1039 147.18)` | Kilkenny | black, 4.5 to 1 |
| 11 | `#4c8c54` | `oklch(58.15% 0.1076 146.69)` | Middle Green | black, 5.1 to 1 |
| 12 | `#539459` | `oklch(60.84% 0.1104 146.16)` | Ineffable Forest | black, 5.7 to 1 |
| 13 | `#5c9c5e` | `oklch(63.29% 0.1125 144.96)` | Savage Garden | black, 6.3 to 1 |
| 14 | `#66a261` | `oklch(65.46% 0.1139 142.48)` | Astroturf | black, 6.9 to 1 |
| 15 | `#72a760` | `oklch(67.30% 0.1149 138.07)` | Dull Green | black, 7.3 to 1 |
| 16 | `#81a95b` | `oklch(68.74% 0.1155 131.13)` | Jealousy | black, 7.7 to 1 |
| 17 | `#93a852` | `oklch(69.74% 0.1158 120.78)` | Overt Green | black, 7.9 to 1 |
| 18 | `#a9a447` | `oklch(70.38% 0.1152 105.78)` | Desert Locust | black, 8 to 1 |
| 19 | `#bf9c44` | `oklch(70.68% 0.1139 87.29)` | Underbrush | black, 8 to 1 |
| 20 | `#cf924f` | `oklch(70.64% 0.1120 66.82)` | Cold Pilsner | black, 7.8 to 1 |
| 21 | `#d88963` | `oklch(70.28% 0.1099 45.86)` | Copper Coin | black, 7.6 to 1 |
| 22 | `#d8827a` | `oklch(69.60% 0.1079 25.88)` | Cranapple | black, 7.3 to 1 |
| 23 | `#d27d8d` | `oklch(68.60% 0.1061 8.39)` | I Pink I Can | black, 7 to 1 |
| 24 | `#c97a99` | `oklch(67.30% 0.1049 354.88)` | Wild Rose | black, 6.7 to 1 |
| 25 | `#bf769e` | `oklch(65.53% 0.1044 346.09)` | Valentine Heart | black, 6.2 to 1 |
| 26 | `#b36f9c` | `oklch(62.99% 0.1042 340.58)` | Mulberry Bush | black, 5.6 to 1 |
| 27 | `#a86796` | `oklch(59.92% 0.1044 337.63)` | Mauve Memento | black, 5 to 1 |
| 28 | `#9d5d8d` | `oklch(56.58% 0.1047 336.55)` | Kyo Purple | white, 4.8 to 1 |
| 29 | `#925383` | `oklch(53.22% 0.1051 336.67)` | Grape Candy | white, 5.5 to 1 |
| 30 | `#894a79` | `oklch(50.11% 0.1055 337.32)` | Thistle Mauve | white, 6.3 to 1 |
| 31 | `#814271` | `oklch(47.51% 0.1059 337.82)` | Club Mauve | white, 7 to 1 |
| 32 | `#7c3d6c` | `oklch(45.67% 0.1061 337.50)` | Deep Commitment to Purple | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #102016 0.0%, #13261a 3.2%, #163020 6.5%, #1b3b27 9.7%, #20482e 12.9%, #265636 16.1%, #2d633d 19.4%, #356f44 22.6%, #3d7948 25.8%, #45834e 29.0%, #4c8c54 32.3%, #539459 35.5%, #5c9c5e 38.7%, #66a261 41.9%, #72a760 45.2%, #81a95b 48.4%, #93a852 51.6%, #a9a447 54.8%, #bf9c44 58.1%, #cf924f 61.3%, #d88963 64.5%, #d8827a 67.7%, #d27d8d 71.0%, #c97a99 74.2%, #bf769e 77.4%, #b36f9c 80.6%, #a86796 83.9%, #9d5d8d 87.1%, #925383 90.3%, #894a79 93.5%, #814271 96.8%, #7c3d6c 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.44% 0.0289 156.09) 0.0%, oklch(24.86% 0.0348 155.61) 3.2%, oklch(28.17% 0.0431 155.08) 6.5%, oklch(32.12% 0.0529 154.45) 9.7%, oklch(36.45% 0.0636 153.68) 12.9%, oklch(40.90% 0.0744 152.71) 16.1%, oklch(45.19% 0.0844 151.51) 19.4%, oklch(49.08% 0.0929 150.03) 22.6%, oklch(52.33% 0.0992 148.26) 25.8%, oklch(55.30% 0.1039 147.18) 29.0%, oklch(58.15% 0.1076 146.69) 32.3%, oklch(60.84% 0.1104 146.16) 35.5%, oklch(63.29% 0.1125 144.96) 38.7%, oklch(65.46% 0.1139 142.48) 41.9%, oklch(67.30% 0.1149 138.07) 45.2%, oklch(68.74% 0.1155 131.13) 48.4%, oklch(69.74% 0.1158 120.78) 51.6%, oklch(70.38% 0.1152 105.78) 54.8%, oklch(70.68% 0.1139 87.29) 58.1%, oklch(70.64% 0.1120 66.82) 61.3%, oklch(70.28% 0.1099 45.86) 64.5%, oklch(69.60% 0.1079 25.88) 67.7%, oklch(68.60% 0.1061 8.39) 71.0%, oklch(67.30% 0.1049 354.88) 74.2%, oklch(65.53% 0.1044 346.09) 77.4%, oklch(62.99% 0.1042 340.58) 80.6%, oklch(59.92% 0.1044 337.63) 83.9%, oklch(56.58% 0.1047 336.55) 87.1%, oklch(53.22% 0.1051 336.67) 90.3%, oklch(50.11% 0.1055 337.32) 93.5%, oklch(47.51% 0.1059 337.82) 96.8%, oklch(45.67% 0.1061 337.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.029 | 156.1 |
| 2 | 0.516 | 0.098 | 148.7 |
| 3 | 0.693 | 0.116 | 126.5 |
| 4 | 0.669 | 0.105 | -7.7 |
| 5 | 0.457 | 0.106 | -22.5 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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