# Near-black, sage and plum dark muted palette

The Near-black, sage and plum dark muted palette brings together dark gray, green, gray, magenta, and dark magenta. The colors span a moderate 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, gray and dark purple linear swatches
- Seed: `kcNQDKsJCxUKfPzKoL_x5ZADqCzEpHcgHKdAw`
- Page: https://grabient.com/kcNQDKsJCxUKfPzKoL_x5ZADqCzEpHcgHKdAw?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.4 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 | `#181818` | `oklch(20.87% 0.0000 89.88)` | Thamar Black | white, 17.7 to 1 |
| 2 | `#203236` | `oklch(30.32% 0.0246 210.59)` | Ore Bluish Black | white, 13.3 to 1 |
| 3 | `#33523c` | `oklch(40.82% 0.0529 153.21)` | Goblin | white, 8.6 to 1 |
| 4 | `#3c6f4c` | `oklch(49.45% 0.0781 153.18)` | Parsley Sprig | white, 5.9 to 1 |
| 5 | `#43825a` | `oklch(55.37% 0.0907 154.28)` | Adamite Green | black, 4.5 to 1 |
| 6 | `#4c8c64` | `oklch(58.46% 0.0905 154.73)` | Spring Garden | black, 5.2 to 1 |
| 7 | `#5a8962` | `oklch(58.51% 0.0787 148.77)` | Spring Garden | black, 5.1 to 1 |
| 8 | `#557e69` | `oklch(55.73% 0.0566 161.05)` | Juniper Green | black, 4.5 to 1 |
| 9 | `#5a666a` | `oklch(50.03% 0.0162 224.41)` | Whale Grey | white, 5.9 to 1 |
| 10 | `#4d4e59` | `oklch(42.77% 0.0176 281.60)` | Churchill | white, 8.2 to 1 |
| 11 | `#4a2c4f` | `oklch(34.39% 0.0702 321.66)` | Purple Shade | white, 11.9 to 1 |
| 12 | `#430e38` | `oklch(27.40% 0.0970 336.95)` | Pion Purple | white, 15.4 to 1 |
| 13 | `#35002c` | `oklch(22.48% 0.0992 336.57)` | Exquisite Eggplant | white, 17.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #181818 0.000% 7.692%, #203236 7.692% 15.385%, #33523c 15.385% 23.077%, #3c6f4c 23.077% 30.769%, #43825a 30.769% 38.462%, #4c8c64 38.462% 46.154%, #5a8962 46.154% 53.846%, #557e69 53.846% 61.538%, #5a666a 61.538% 69.231%, #4d4e59 69.231% 76.923%, #4a2c4f 76.923% 84.615%, #430e38 84.615% 92.308%, #35002c 92.308% 100.000%);
background: linear-gradient(90deg, oklch(20.87% 0.0000 89.88) 0.000% 7.692%, oklch(30.32% 0.0246 210.59) 7.692% 15.385%, oklch(40.82% 0.0529 153.21) 15.385% 23.077%, oklch(49.45% 0.0781 153.18) 23.077% 30.769%, oklch(55.37% 0.0907 154.28) 30.769% 38.462%, oklch(58.46% 0.0905 154.73) 38.462% 46.154%, oklch(58.51% 0.0787 148.77) 46.154% 53.846%, oklch(55.73% 0.0566 161.05) 53.846% 61.538%, oklch(50.03% 0.0162 224.41) 61.538% 69.231%, oklch(42.77% 0.0176 281.60) 69.231% 76.923%, oklch(34.39% 0.0702 321.66) 76.923% 84.615%, oklch(27.40% 0.0970 336.95) 84.615% 92.308%, oklch(22.48% 0.0992 336.57) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0 | 284.8 |
| 2 | 0.382 | 0.045 | 161.1 |
| 3 | 0.524 | 0.085 | 154.8 |
| 4 | 0.587 | 0.09 | 154.8 |
| 5 | 0.563 | 0.061 | 155.8 |
| 6 | 0.461 | 0.007 | 260.5 |
| 7 | 0.323 | 0.081 | 329.1 |
| 8 | 0.224 | 0.107 | 336.5 |

## In these collections

- [Dark muted gradients](https://grabient.com/dark-muted-gradients)

## Other forms

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