# Near-black, sage and turquoise dark muted palette

The Near-black, sage and turquoise dark muted palette brings together dark gray, red, teal, and blue. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is blue.

- Also called: Black, brown and blue linear gradient
- Seed: `kUMQokqJC9r8VVLElMIg`
- Page: https://grabient.com/kUMQokqJC9r8VVLElMIg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: triadic
- Contrast of its darkest and lightest colors: 3.6 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 | `#1a130f` | `oklch(19.29% 0.0138 51.33)` | Nuln Oil Gloss | white, 18.4 to 1 |
| 2 | `#1c1410` | `oklch(19.99% 0.0157 49.42)` | Soulless | white, 18.1 to 1 |
| 3 | `#1f1511` | `oklch(20.86% 0.0182 45.91)` | Bighorn Sheep | white, 17.8 to 1 |
| 4 | `#231713` | `oklch(21.87% 0.0212 41.38)` | Used Oil | white, 17.4 to 1 |
| 5 | `#271915` | `oklch(23.02% 0.0246 36.42)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 6 | `#2c1b17` | `oklch(24.27% 0.0282 31.60)` | Tetsu-Guro Black | white, 16.4 to 1 |
| 7 | `#311d1b` | `oklch(25.60% 0.0319 27.51)` | Black Kite | white, 15.8 to 1 |
| 8 | `#361f1e` | `oklch(27.00% 0.0356 24.72)` | Black Kite | white, 15.2 to 1 |
| 9 | `#3b2221` | `oklch(28.45% 0.0390 23.82)` | Temptress | white, 14.5 to 1 |
| 10 | `#402523` | `oklch(29.92% 0.0421 25.38)` | Ethereal Espresso | white, 13.9 to 1 |
| 11 | `#452824` | `oklch(31.40% 0.0447 29.99)` | Polished Mahogany | white, 13.2 to 1 |
| 12 | `#4a2d23` | `oklch(32.91% 0.0468 38.44)` | Acajou | white, 12.4 to 1 |
| 13 | `#4e3221` | `oklch(34.60% 0.0487 51.28)` | Dark Wood Grain | white, 11.6 to 1 |
| 14 | `#503920` | `oklch(36.43% 0.0504 67.63)` | Café Noir | white, 10.7 to 1 |
| 15 | `#4f4121` | `oklch(38.34% 0.0519 86.55)` | Clove Yellow Brown | white, 9.8 to 1 |
| 16 | `#4c4b27` | `oklch(40.29% 0.0532 107.07)` | Codium Fragile | white, 9 to 1 |
| 17 | `#455433` | `oklch(42.23% 0.0543 128.25)` | Zen Garden Olive | white, 8.2 to 1 |
| 18 | `#3d5b42` | `oklch(44.10% 0.0553 149.13)` | Horsetail | white, 7.5 to 1 |
| 19 | `#366252` | `oklch(45.86% 0.0561 168.76)` | Posy Green | white, 6.9 to 1 |
| 20 | `#326761` | `oklch(47.45% 0.0569 186.18)` | Galapagos Green | white, 6.4 to 1 |
| 21 | `#346a6d` | `oklch(48.83% 0.0575 200.45)` | Aquarium | white, 6.1 to 1 |
| 22 | `#386c76` | `oklch(49.95% 0.0580 210.71)` | Mammoth Mountain | white, 5.8 to 1 |
| 23 | `#3c6e7c` | `oklch(50.85% 0.0584 217.97)` | Grand Rapids | white, 5.6 to 1 |
| 24 | `#406f80` | `oklch(51.58% 0.0585 222.98)` | Santorini Blue | white, 5.5 to 1 |
| 25 | `#437183` | `oklch(52.15% 0.0584 226.11)` | Am I Blue? | white, 5.3 to 1 |
| 26 | `#457285` | `oklch(52.59% 0.0582 227.73)` | Wild River | white, 5.2 to 1 |
| 27 | `#467286` | `oklch(52.93% 0.0579 228.22)` | Wild River | white, 5.2 to 1 |
| 28 | `#477387` | `oklch(53.19% 0.0576 227.95)` | Inky Blue | white, 5.1 to 1 |
| 29 | `#487487` | `oklch(53.40% 0.0572 227.29)` | Night Train | white, 5.1 to 1 |
| 30 | `#487487` | `oklch(53.57% 0.0569 226.63)` | Night Train | white, 5 to 1 |
| 31 | `#497587` | `oklch(53.75% 0.0566 226.32)` | Night Train | white, 5 to 1 |
| 32 | `#4a7588` | `oklch(53.94% 0.0565 226.75)` | Night Train | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1a130f 0.0%, #1c1410 3.2%, #1f1511 6.5%, #231713 9.7%, #271915 12.9%, #2c1b17 16.1%, #311d1b 19.4%, #361f1e 22.6%, #3b2221 25.8%, #402523 29.0%, #452824 32.3%, #4a2d23 35.5%, #4e3221 38.7%, #503920 41.9%, #4f4121 45.2%, #4c4b27 48.4%, #455433 51.6%, #3d5b42 54.8%, #366252 58.1%, #326761 61.3%, #346a6d 64.5%, #386c76 67.7%, #3c6e7c 71.0%, #406f80 74.2%, #437183 77.4%, #457285 80.6%, #467286 83.9%, #477387 87.1%, #487487 90.3%, #487487 93.5%, #497587 96.8%, #4a7588 100.0%);
background: linear-gradient(135deg in oklch, oklch(19.29% 0.0138 51.33) 0.0%, oklch(19.99% 0.0157 49.42) 3.2%, oklch(20.86% 0.0182 45.91) 6.5%, oklch(21.87% 0.0212 41.38) 9.7%, oklch(23.02% 0.0246 36.42) 12.9%, oklch(24.27% 0.0282 31.60) 16.1%, oklch(25.60% 0.0319 27.51) 19.4%, oklch(27.00% 0.0356 24.72) 22.6%, oklch(28.45% 0.0390 23.82) 25.8%, oklch(29.92% 0.0421 25.38) 29.0%, oklch(31.40% 0.0447 29.99) 32.3%, oklch(32.91% 0.0468 38.44) 35.5%, oklch(34.60% 0.0487 51.28) 38.7%, oklch(36.43% 0.0504 67.63) 41.9%, oklch(38.34% 0.0519 86.55) 45.2%, oklch(40.29% 0.0532 107.07) 48.4%, oklch(42.23% 0.0543 128.25) 51.6%, oklch(44.10% 0.0553 149.13) 54.8%, oklch(45.86% 0.0561 168.76) 58.1%, oklch(47.45% 0.0569 186.18) 61.3%, oklch(48.83% 0.0575 200.45) 64.5%, oklch(49.95% 0.0580 210.71) 67.7%, oklch(50.85% 0.0584 217.97) 71.0%, oklch(51.58% 0.0585 222.98) 74.2%, oklch(52.15% 0.0584 226.11) 77.4%, oklch(52.59% 0.0582 227.73) 80.6%, oklch(52.93% 0.0579 228.22) 83.9%, oklch(53.19% 0.0576 227.95) 87.1%, oklch(53.40% 0.0572 227.29) 90.3%, oklch(53.57% 0.0569 226.63) 93.5%, oklch(53.75% 0.0566 226.32) 96.8%, oklch(53.94% 0.0565 226.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.014 | 51.3 |
| 2 | 0.319 | 0.045 | 32.3 |
| 3 | 0.496 | 0.058 | 207.7 |
| 4 | 0.539 | 0.056 | 226.7 |

## In these collections

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

## Other forms

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