# Near-black, sage and turquoise multicolor palette

The Near-black, sage and turquoise multicolor palette brings together dark blue, dark gray, green, teal, and blue. The colors span a broad 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 blue, and its lightest tone is teal.

- Also called: Analogous black, teal and blue linear gradient
- Seed: `kaGTK9iw7BCgD1JEEMh1BzD9KowxCMULA`
- Page: https://grabient.com/kaGTK9iw7BCgD1JEEMh1BzD9KowxCMULA?steps=50
- Drawn as: linear gradient, 50 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.2 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 | `#00001a` | `oklch(10.01% 0.0677 266.54)` | Hadopelagic Water | white, 20.6 to 1 |
| 2 | `#000019` | `oklch(9.71% 0.0659 266.16)` | Benthic Black | white, 20.7 to 1 |
| 3 | `#000017` | `oklch(9.17% 0.0633 264.48)` | Benthic Black | white, 20.7 to 1 |
| 4 | `#000014` | `oklch(8.59% 0.0595 264.05)` | Benthic Black | white, 20.7 to 1 |
| 5 | `#000011` | `oklch(8.00% 0.0555 264.05)` | Benthic Black | white, 20.8 to 1 |
| 6 | `#00000e` | `oklch(7.57% 0.0513 264.13)` | Benthic Black | white, 20.8 to 1 |
| 7 | `#00000d` | `oklch(7.38% 0.0477 264.20)` | Benthic Black | white, 20.8 to 1 |
| 8 | `#00000c` | `oklch(7.58% 0.0444 265.90)` | Benthic Black | white, 20.8 to 1 |
| 9 | `#01010d` | `oklch(8.45% 0.0406 274.18)` | Benthic Black | white, 20.7 to 1 |
| 10 | `#03020e` | `oklch(10.01% 0.0366 287.48)` | Broken Tube | white, 20.6 to 1 |
| 11 | `#09030f` | `oklch(12.18% 0.0320 306.01)` | Broken Tube | white, 20.3 to 1 |
| 12 | `#110710` | `oklch(14.84% 0.0269 328.32)` | Noir Fiction | white, 19.7 to 1 |
| 13 | `#190d12` | `oklch(17.84% 0.0220 352.94)` | Scandinavian Liquorice | white, 18.9 to 1 |
| 14 | `#201515` | `oklch(21.05% 0.0174 18.39)` | Bats Cloak | white, 17.7 to 1 |
| 15 | `#261e1b` | `oklch(24.33% 0.0135 43.21)` | Velvet Black | white, 16.3 to 1 |
| 16 | `#2c2722` | `oklch(27.55% 0.0108 65.91)` | Bokara Grey | white, 14.8 to 1 |
| 17 | `#312f2a` | `oklch(30.56% 0.0096 85.04)` | Holy Crow | white, 13.3 to 1 |
| 18 | `#373630` | `oklch(33.35% 0.0103 99.87)` | Kilimanjaro | white, 12 to 1 |
| 19 | `#3e3e37` | `oklch(36.20% 0.0127 112.28)` | Sunday Niqab | white, 10.7 to 1 |
| 20 | `#43473d` | `oklch(39.09% 0.0165 122.78)` | Ripe Olive | white, 9.5 to 1 |
| 21 | `#495044` | `oklch(41.97% 0.0214 131.72)` | Charcoal Smoke | white, 8.4 to 1 |
| 22 | `#4d594a` | `oklch(44.80% 0.0268 139.46)` | Pleasant Hill | white, 7.4 to 1 |
| 23 | `#516152` | `oklch(47.52% 0.0326 146.36)` | Whispering Oaks | white, 6.5 to 1 |
| 24 | `#536a59` | `oklch(50.08% 0.0381 152.76)` | Picholine | white, 5.8 to 1 |
| 25 | `#557261` | `oklch(52.45% 0.0432 159.03)` | High Tea Green | white, 5.2 to 1 |
| 26 | `#567a6a` | `oklch(54.59% 0.0476 165.33)` | Stately Stems | white, 4.8 to 1 |
| 27 | `#578072` | `oklch(56.63% 0.0517 170.86)` | Fuchsite Green | black, 4.7 to 1 |
| 28 | `#57877a` | `oklch(58.54% 0.0558 175.61)` | Wintergreen Dream | black, 5.1 to 1 |
| 29 | `#588d82` | `oklch(60.33% 0.0598 179.76)` | Chlorite | black, 5.5 to 1 |
| 30 | `#57938a` | `oklch(61.95% 0.0638 183.47)` | Thermal Spring | black, 5.9 to 1 |
| 31 | `#579891` | `oklch(63.39% 0.0678 186.91)` | Peaceful Pond | black, 6.2 to 1 |
| 32 | `#569c98` | `oklch(64.62% 0.0718 190.24)` | Caulerpa Lentillifera | black, 6.6 to 1 |
| 33 | `#54a09e` | `oklch(65.62% 0.0759 193.64)` | Teal Bayou | black, 6.8 to 1 |
| 34 | `#51a3a4` | `oklch(66.36% 0.0799 197.25)` | Twilight Meadow | black, 7 to 1 |
| 35 | `#4da4aa` | `oklch(66.87% 0.0841 200.79)` | Blue Racer | black, 7.2 to 1 |
| 36 | `#48a6af` | `oklch(67.15% 0.0883 204.18)` | Freshwater | black, 7.3 to 1 |
| 37 | `#43a6b3` | `oklch(67.23% 0.0925 207.45)` | Freshwater | black, 7.3 to 1 |
| 38 | `#3ea5b7` | `oklch(67.10% 0.0967 210.62)` | Green Buoy | black, 7.2 to 1 |
| 39 | `#37a4ba` | `oklch(66.79% 0.1009 213.73)` | Jamaican Sea | black, 7.2 to 1 |
| 40 | `#31a3bd` | `oklch(66.29% 0.1048 216.81)` | Maui | black, 7 to 1 |
| 41 | `#2aa0bf` | `oklch(65.63% 0.1086 219.88)` | Blue Horizon | black, 6.8 to 1 |
| 42 | `#249dc0` | `oklch(64.81% 0.1122 222.97)` | Blue Horizon | black, 6.6 to 1 |
| 43 | `#1c98c0` | `oklch(63.61% 0.1157 226.25)` | Atomic Blue | black, 6.3 to 1 |
| 44 | `#1493c0` | `oklch(62.02% 0.1191 229.68)` | Spa Dream | black, 5.9 to 1 |
| 45 | `#0b8cbe` | `oklch(60.18% 0.1225 233.15)` | Hawaiian Surf | black, 5.4 to 1 |
| 46 | `#0384bb` | `oklch(58.23% 0.1256 236.53)` | Ibiza Blue | black, 5 to 1 |
| 47 | `#007db8` | `oklch(56.29% 0.1283 239.72)` | Blue Bazaar | black, 4.6 to 1 |
| 48 | `#0077b5` | `oklch(54.51% 0.1307 242.57)` | Americana | white, 4.8 to 1 |
| 49 | `#0071b3` | `oklch(53.03% 0.1333 244.95)` | Cobalt Glaze | white, 5.2 to 1 |
| 50 | `#026db1` | `oklch(51.97% 0.1350 246.76)` | Daphne | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00001a 0.0%, #000019 2.0%, #000017 4.1%, #000014 6.1%, #000011 8.2%, #00000e 10.2%, #00000d 12.2%, #00000c 14.3%, #01010d 16.3%, #03020e 18.4%, #09030f 20.4%, #110710 22.4%, #190d12 24.5%, #201515 26.5%, #261e1b 28.6%, #2c2722 30.6%, #312f2a 32.7%, #373630 34.7%, #3e3e37 36.7%, #43473d 38.8%, #495044 40.8%, #4d594a 42.9%, #516152 44.9%, #536a59 46.9%, #557261 49.0%, #567a6a 51.0%, #578072 53.1%, #57877a 55.1%, #588d82 57.1%, #57938a 59.2%, #579891 61.2%, #569c98 63.3%, #54a09e 65.3%, #51a3a4 67.3%, #4da4aa 69.4%, #48a6af 71.4%, #43a6b3 73.5%, #3ea5b7 75.5%, #37a4ba 77.6%, #31a3bd 79.6%, #2aa0bf 81.6%, #249dc0 83.7%, #1c98c0 85.7%, #1493c0 87.8%, #0b8cbe 89.8%, #0384bb 91.8%, #007db8 93.9%, #0077b5 95.9%, #0071b3 98.0%, #026db1 100.0%);
background: linear-gradient(90deg in oklch, oklch(10.01% 0.0677 266.54) 0.0%, oklch(9.71% 0.0659 266.16) 2.0%, oklch(9.17% 0.0633 264.48) 4.1%, oklch(8.59% 0.0595 264.05) 6.1%, oklch(8.00% 0.0555 264.05) 8.2%, oklch(7.57% 0.0513 264.13) 10.2%, oklch(7.38% 0.0477 264.20) 12.2%, oklch(7.58% 0.0444 265.90) 14.3%, oklch(8.45% 0.0406 274.18) 16.3%, oklch(10.01% 0.0366 287.48) 18.4%, oklch(12.18% 0.0320 306.01) 20.4%, oklch(14.84% 0.0269 328.32) 22.4%, oklch(17.84% 0.0220 352.94) 24.5%, oklch(21.05% 0.0174 18.39) 26.5%, oklch(24.33% 0.0135 43.21) 28.6%, oklch(27.55% 0.0108 65.91) 30.6%, oklch(30.56% 0.0096 85.04) 32.7%, oklch(33.35% 0.0103 99.87) 34.7%, oklch(36.20% 0.0127 112.28) 36.7%, oklch(39.09% 0.0165 122.78) 38.8%, oklch(41.97% 0.0214 131.72) 40.8%, oklch(44.80% 0.0268 139.46) 42.9%, oklch(47.52% 0.0326 146.36) 44.9%, oklch(50.08% 0.0381 152.76) 46.9%, oklch(52.45% 0.0432 159.03) 49.0%, oklch(54.59% 0.0476 165.33) 51.0%, oklch(56.63% 0.0517 170.86) 53.1%, oklch(58.54% 0.0558 175.61) 55.1%, oklch(60.33% 0.0598 179.76) 57.1%, oklch(61.95% 0.0638 183.47) 59.2%, oklch(63.39% 0.0678 186.91) 61.2%, oklch(64.62% 0.0718 190.24) 63.3%, oklch(65.62% 0.0759 193.64) 65.3%, oklch(66.36% 0.0799 197.25) 67.3%, oklch(66.87% 0.0841 200.79) 69.4%, oklch(67.15% 0.0883 204.18) 71.4%, oklch(67.23% 0.0925 207.45) 73.5%, oklch(67.10% 0.0967 210.62) 75.5%, oklch(66.79% 0.1009 213.73) 77.6%, oklch(66.29% 0.1048 216.81) 79.6%, oklch(65.63% 0.1086 219.88) 81.6%, oklch(64.81% 0.1122 222.97) 83.7%, oklch(63.61% 0.1157 226.25) 85.7%, oklch(62.02% 0.1191 229.68) 87.8%, oklch(60.18% 0.1225 233.15) 89.8%, oklch(58.23% 0.1256 236.53) 91.8%, oklch(56.29% 0.1283 239.72) 93.9%, oklch(54.51% 0.1307 242.57) 95.9%, oklch(53.03% 0.1333 244.95) 98.0%, oklch(51.97% 0.1350 246.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.069 | 266.5 |
| 2 | 0.087 | 0.04 | 276 |
| 3 | 0.315 | 0.01 | 450.4 |
| 4 | 0.535 | 0.045 | 522.2 |
| 5 | 0.661 | 0.079 | 556 |
| 6 | 0.65 | 0.112 | 582.5 |
| 7 | 0.52 | 0.135 | 606.8 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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