# Near-black, orange and turquoise multicolor palette

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

- Also called: Black, red, orange and blue angular gradient
- Seed: `kaCRDAgABOyWsvzMy8C6BfGGsoTPQrsLA`
- Page: https://grabient.com/kaCRDAgABOyWsvzMy8C6BfGGsoTPQrsLA?style=angularGradient&steps=34&angle=180
- Drawn as: angular gradient, 34 steps, 180 degrees
- Kinds: light center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 14.1 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 | `#000001` | `oklch(3.54% 0.0220 270.70)` | Black | white, 20.9 to 1 |
| 2 | `#000001` | `oklch(2.81% 0.0163 286.15)` | Black | white, 20.9 to 1 |
| 3 | `#000000` | `oklch(1.34% 0.0069 307.27)` | Black | white, 20.9 to 1 |
| 4 | `#000000` | `oklch(0.05% 0.0002 344.74)` | Black | white, 20.9 to 1 |
| 5 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 6 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 7 | `#000000` | `oklch(1.45% 0.0056 31.15)` | Black | white, 20.9 to 1 |
| 8 | `#020000` | `oklch(5.68% 0.0225 30.36)` | Binary Black | white, 20.9 to 1 |
| 9 | `#0e0100` | `oklch(11.14% 0.0366 37.80)` | Dark Matter | white, 20.4 to 1 |
| 10 | `#240400` | `oklch(17.32% 0.0593 36.03)` | Ponzu Brown | white, 19.2 to 1 |
| 11 | `#3f0400` | `oklch(23.65% 0.0898 31.92)` | Biltong | white, 17 to 1 |
| 12 | `#5a0200` | `oklch(29.53% 0.1187 29.94)` | Mathematical Rage | white, 14.5 to 1 |
| 13 | `#730300` | `oklch(35.16% 0.1420 29.78)` | Chaotic Red | white, 12 to 1 |
| 14 | `#8f0400` | `oklch(40.99% 0.1661 29.58)` | Scoville Highness | white, 9.6 to 1 |
| 15 | `#aa0c03` | `oklch(46.82% 0.1868 29.79)` | Cave Painting | white, 7.5 to 1 |
| 16 | `#c41c02` | `oklch(52.48% 0.2023 31.11)` | Crimson Sunset | white, 5.9 to 1 |
| 17 | `#d83300` | `oklch(57.78% 0.2073 34.10)` | Red Bell Pepper | white, 4.7 to 1 |
| 18 | `#e64d00` | `oklch(62.62% 0.1997 39.22)` | Baptism by Fire | black, 5.4 to 1 |
| 19 | `#ec6a1b` | `oklch(67.32% 0.1804 45.73)` | Island Orange | black, 6.6 to 1 |
| 20 | `#ea873f` | `oklch(71.78% 0.1478 53.65)` | Flamenco | black, 8 to 1 |
| 21 | `#e3a061` | `oklch(75.82% 0.1126 63.22)` | India Trade | black, 9.4 to 1 |
| 22 | `#dbb47f` | `oklch(79.25% 0.0824 74.67)` | Cellini Gold | black, 10.8 to 1 |
| 23 | `#d5c294` | `oklch(81.89% 0.0648 88.24)` | Cache of Camel | black, 11.9 to 1 |
| 24 | `#cfcd9e` | `oklch(83.81% 0.0619 105.84)` | Wasabi Zing | black, 12.8 to 1 |
| 25 | `#c2d7a7` | `oklch(85.15% 0.0686 127.52)` | Winter Willow Green | black, 13.5 to 1 |
| 26 | `#aae0b5` | `oklch(85.84% 0.0808 150.70)` | Celtic Spring | black, 14 to 1 |
| 27 | `#8ce5ca` | `oklch(85.80% 0.0947 172.77)` | Bubble Algae | black, 14.1 to 1 |
| 28 | `#6fe4de` | `oklch(84.98% 0.1064 191.15)` | Turquoise Chalk | black, 13.8 to 1 |
| 29 | `#5ddde9` | `oklch(83.15% 0.1130 203.66)` | Turquoise Sea | black, 13 to 1 |
| 30 | `#4cd1e8` | `oklch(79.67% 0.1176 211.60)` | Thousand Sons Blue | black, 11.5 to 1 |
| 31 | `#36c1e0` | `oklch(75.16% 0.1213 216.34)` | Caribbean Blue | black, 9.8 to 1 |
| 32 | `#16b1d4` | `oklch(70.41% 0.1241 219.00)` | Aquarius | black, 8.2 to 1 |
| 33 | `#00a3c6` | `oklch(66.23% 0.1212 220.67)` | Resonant Blue | black, 7 to 1 |
| 34 | `#0099bd` | `oklch(63.39% 0.1175 222.45)` | Serene Blue | black, 6.3 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #000001 0.0%, #000001 3.0%, #000000 6.1%, #000000 9.1%, #000000 12.1%, #000000 15.2%, #000000 18.2%, #020000 21.2%, #0e0100 24.2%, #240400 27.3%, #3f0400 30.3%, #5a0200 33.3%, #730300 36.4%, #8f0400 39.4%, #aa0c03 42.4%, #c41c02 45.5%, #d83300 48.5%, #e64d00 51.5%, #ec6a1b 54.5%, #ea873f 57.6%, #e3a061 60.6%, #dbb47f 63.6%, #d5c294 66.7%, #cfcd9e 69.7%, #c2d7a7 72.7%, #aae0b5 75.8%, #8ce5ca 78.8%, #6fe4de 81.8%, #5ddde9 84.8%, #4cd1e8 87.9%, #36c1e0 90.9%, #16b1d4 93.9%, #00a3c6 97.0%, #0099bd 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(3.54% 0.0220 270.70) 0.0%, oklch(2.81% 0.0163 286.15) 3.0%, oklch(1.34% 0.0069 307.27) 6.1%, oklch(0.05% 0.0002 344.74) 9.1%, oklch(0.00% 0.0000 0.00) 12.1%, oklch(0.00% 0.0000 0.00) 15.2%, oklch(1.45% 0.0056 31.15) 18.2%, oklch(5.68% 0.0225 30.36) 21.2%, oklch(11.14% 0.0366 37.80) 24.2%, oklch(17.32% 0.0593 36.03) 27.3%, oklch(23.65% 0.0898 31.92) 30.3%, oklch(29.53% 0.1187 29.94) 33.3%, oklch(35.16% 0.1420 29.78) 36.4%, oklch(40.99% 0.1661 29.58) 39.4%, oklch(46.82% 0.1868 29.79) 42.4%, oklch(52.48% 0.2023 31.11) 45.5%, oklch(57.78% 0.2073 34.10) 48.5%, oklch(62.62% 0.1997 39.22) 51.5%, oklch(67.32% 0.1804 45.73) 54.5%, oklch(71.78% 0.1478 53.65) 57.6%, oklch(75.82% 0.1126 63.22) 60.6%, oklch(79.25% 0.0824 74.67) 63.6%, oklch(81.89% 0.0648 88.24) 66.7%, oklch(83.81% 0.0619 105.84) 69.7%, oklch(85.15% 0.0686 127.52) 72.7%, oklch(85.84% 0.0808 150.70) 75.8%, oklch(85.80% 0.0947 172.77) 78.8%, oklch(84.98% 0.1064 191.15) 81.8%, oklch(83.15% 0.1130 203.66) 84.8%, oklch(79.67% 0.1176 211.60) 87.9%, oklch(75.16% 0.1213 216.34) 90.9%, oklch(70.41% 0.1241 219.00) 93.9%, oklch(66.23% 0.1212 220.67) 97.0%, oklch(63.39% 0.1175 222.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.035 | 0.022 | 270.7 |
| 2 | 0 | 0 | 396.5 |
| 3 | 0.295 | 0.123 | 390.1 |
| 4 | 0.602 | 0.208 | 396.5 |
| 5 | 0.819 | 0.065 | 448.2 |
| 6 | 0.843 | 0.11 | 558.1 |
| 7 | 0.634 | 0.128 | 582.4 |

## In these collections

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

## Other forms

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