# Near-black and teal dark multicolor palette

The Near-black and teal dark multicolor palette brings together black, dark red, red, orange, teal, and dark blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is teal.

- Also called: Seamless black, red, brown and blue angular gradient
- Seed: `kcAAAaFZg_To7wFTFUS1xvOEClQ2SmkTgAA_o`
- Page: https://grabient.com/kcAAAaFZg_To7wFTFUS1xvOEClQ2SmkTgAA_o?style=angularGradient&steps=34&angle=180
- Drawn as: angular gradient, 34 steps, 180 degrees
- Kinds: light center, vivid, seamless
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.9 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(2.27% 0.0089 30.66)` | Black | white, 20.9 to 1 |
| 3 | `#020000` | `oklch(5.39% 0.0215 30.25)` | Binary Black | white, 20.9 to 1 |
| 4 | `#0a0000` | `oklch(9.21% 0.0367 30.24)` | Dark Matter | white, 20.7 to 1 |
| 5 | `#190000` | `oklch(13.57% 0.0536 30.54)` | Dwarf Fortress | white, 20.1 to 1 |
| 6 | `#2b0100` | `oklch(18.37% 0.0715 31.02)` | Sepia Black | white, 18.9 to 1 |
| 7 | `#430200` | `oklch(24.16% 0.0960 30.32)` | Eyelids | white, 16.8 to 1 |
| 8 | `#5f0200` | `oklch(30.66% 0.1234 29.87)` | Spikey Red | white, 14 to 1 |
| 9 | `#7c0800` | `oklch(37.25% 0.1476 30.41)` | Demonic Presence | white, 11 to 1 |
| 10 | `#951a00` | `oklch(43.35% 0.1613 32.68)` | Uluru Red | white, 8.6 to 1 |
| 11 | `#a63104` | `oklch(48.59% 0.1599 37.07)` | Enfield Brown | white, 6.8 to 1 |
| 12 | `#ad4c21` | `oklch(53.51% 0.1391 42.16)` | Funky Monkey | white, 5.4 to 1 |
| 13 | `#ae653c` | `oklch(58.03% 0.1092 48.91)` | Fudgesicle | black, 4.7 to 1 |
| 14 | `#aa7a55` | `oklch(61.93% 0.0795 58.53)` | New England Roast | black, 5.6 to 1 |
| 15 | `#a68a67` | `oklch(65.00% 0.0594 72.24)` | Coffee With Cream | black, 6.4 to 1 |
| 16 | `#a19670` | `oklch(67.22% 0.0535 92.71)` | Sponge | black, 7 to 1 |
| 17 | `#96a07a` | `oklch(68.77% 0.0556 120.14)` | Renkon Beige | black, 7.6 to 1 |
| 18 | `#82a889` | `oklch(69.55% 0.0623 149.75)` | Mermaid’s Cove | black, 7.9 to 1 |
| 19 | `#6bab9b` | `oklch(69.42% 0.0704 176.70)` | Green Crush | black, 7.9 to 1 |
| 20 | `#5ba8a9` | `oklch(68.27% 0.0765 196.19)` | Emerald Succulent | black, 7.6 to 1 |
| 21 | `#4da1ac` | `oklch(66.07% 0.0828 207.16)` | Basilica Blue | black, 6.9 to 1 |
| 22 | `#3997a9` | `oklch(62.90% 0.0903 212.83)` | Aqua Dance | black, 6.1 to 1 |
| 23 | `#1f8ba2` | `oklch(58.84% 0.0971 216.13)` | Waikiki | black, 5.2 to 1 |
| 24 | `#007b96` | `oklch(53.94% 0.0982 220.02)` | Mosaic Blue | white, 4.9 to 1 |
| 25 | `#006886` | `oklch(48.11% 0.0930 227.17)` | Ansel | white, 6.3 to 1 |
| 26 | `#004f72` | `oklch(40.49% 0.0883 236.95)` | Captain Blue | white, 8.8 to 1 |
| 27 | `#00345b` | `oklch(31.86% 0.0849 247.57)` | Effervescent Blue | white, 12.7 to 1 |
| 28 | `#001c44` | `oklch(23.40% 0.0843 257.37)` | Maastricht Blue | white, 16.8 to 1 |
| 29 | `#01092d` | `oklch(16.21% 0.0747 264.48)` | Mysterious Depths | white, 19.4 to 1 |
| 30 | `#01011b` | `oklch(11.04% 0.0624 267.96)` | Hadopelagic Water | white, 20.5 to 1 |
| 31 | `#00000b` | `oklch(7.06% 0.0456 268.29)` | Benthic Black | white, 20.8 to 1 |
| 32 | `#000002` | `oklch(4.06% 0.0274 266.82)` | Binary Black | white, 20.9 to 1 |
| 33 | `#000000` | `oklch(1.75% 0.0112 264.86)` | Black | white, 20.9 to 1 |
| 34 | `#000000` | `oklch(0.00% 0.0000 89.88)` | Black | white, 21 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #000000 0.0%, #000000 3.0%, #020000 6.1%, #0a0000 9.1%, #190000 12.1%, #2b0100 15.2%, #430200 18.2%, #5f0200 21.2%, #7c0800 24.2%, #951a00 27.3%, #a63104 30.3%, #ad4c21 33.3%, #ae653c 36.4%, #aa7a55 39.4%, #a68a67 42.4%, #a19670 45.5%, #96a07a 48.5%, #82a889 51.5%, #6bab9b 54.5%, #5ba8a9 57.6%, #4da1ac 60.6%, #3997a9 63.6%, #1f8ba2 66.7%, #007b96 69.7%, #006886 72.7%, #004f72 75.8%, #00345b 78.8%, #001c44 81.8%, #01092d 84.8%, #01011b 87.9%, #00000b 90.9%, #000002 93.9%, #000000 97.0%, #000000 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(2.27% 0.0089 30.66) 3.0%, oklch(5.39% 0.0215 30.25) 6.1%, oklch(9.21% 0.0367 30.24) 9.1%, oklch(13.57% 0.0536 30.54) 12.1%, oklch(18.37% 0.0715 31.02) 15.2%, oklch(24.16% 0.0960 30.32) 18.2%, oklch(30.66% 0.1234 29.87) 21.2%, oklch(37.25% 0.1476 30.41) 24.2%, oklch(43.35% 0.1613 32.68) 27.3%, oklch(48.59% 0.1599 37.07) 30.3%, oklch(53.51% 0.1391 42.16) 33.3%, oklch(58.03% 0.1092 48.91) 36.4%, oklch(61.93% 0.0795 58.53) 39.4%, oklch(65.00% 0.0594 72.24) 42.4%, oklch(67.22% 0.0535 92.71) 45.5%, oklch(68.77% 0.0556 120.14) 48.5%, oklch(69.55% 0.0623 149.75) 51.5%, oklch(69.42% 0.0704 176.70) 54.5%, oklch(68.27% 0.0765 196.19) 57.6%, oklch(66.07% 0.0828 207.16) 60.6%, oklch(62.90% 0.0903 212.83) 63.6%, oklch(58.84% 0.0971 216.13) 66.7%, oklch(53.94% 0.0982 220.02) 69.7%, oklch(48.11% 0.0930 227.17) 72.7%, oklch(40.49% 0.0883 236.95) 75.8%, oklch(31.86% 0.0849 247.57) 78.8%, oklch(23.40% 0.0843 257.37) 81.8%, oklch(16.21% 0.0747 264.48) 84.8%, oklch(11.04% 0.0624 267.96) 87.9%, oklch(7.06% 0.0456 268.29) 90.9%, oklch(4.06% 0.0274 266.82) 93.9%, oklch(1.75% 0.0112 264.86) 97.0%, oklch(0.00% 0.0000 89.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 36.6 |
| 2 | 0.169 | 0.066 | 31.3 |
| 3 | 0.457 | 0.164 | 34.4 |
| 4 | 0.654 | 0.058 | 74.6 |
| 5 | 0.685 | 0.076 | 194 |
| 6 | 0.508 | 0.102 | 223.6 |
| 7 | 0.146 | 0.072 | 265.9 |
| 8 | 0 | 0 | 263.8 |

## In these collections

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

## Other forms

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