# Near-black, orange and deep cyan multicolor palette

The Near-black, orange and deep cyan multicolor palette brings together dark purple, magenta, red, orange, teal, and 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 dark purple, and its lightest tone is orange.

- Also called: Rainbow from dark purple to navy linear gradient
- Seed: `kYLRXgKiZEcg7xJhM8S0CBNisXxk`
- Page: https://grabient.com/kYLRXgKiZEcg7xJhM8S0CBNisXxk?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.8 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 | `#160d1a` | `oklch(17.72% 0.0289 315.00)` | Shot in the Dark | white, 18.9 to 1 |
| 2 | `#1b0f1f` | `oklch(19.23% 0.0370 318.97)` | Shot in the Dark | white, 18.5 to 1 |
| 3 | `#241025` | `oklch(21.24% 0.0484 324.42)` | Inside | white, 17.8 to 1 |
| 4 | `#2e122c` | `oklch(23.66% 0.0617 330.89)` | Dark Prom Queen | white, 16.9 to 1 |
| 5 | `#3b1332` | `oklch(26.39% 0.0760 337.92)` | Nightly Voyager | white, 15.8 to 1 |
| 6 | `#491536` | `oklch(29.35% 0.0900 345.04)` | Chilli Black Red | white, 14.5 to 1 |
| 7 | `#58173a` | `oklch(32.44% 0.1025 351.78)` | Tulip Poplar Purple | white, 13.1 to 1 |
| 8 | `#681b3c` | `oklch(35.74% 0.1138 358.03)` | Pompadour | white, 11.6 to 1 |
| 9 | `#791f3e` | `oklch(39.44% 0.1256 4.29)` | Caviar Couture | white, 10 to 1 |
| 10 | `#8b253e` | `oklch(43.40% 0.1372 10.57)` | Thrill Ride | white, 8.5 to 1 |
| 11 | `#9e2d3d` | `oklch(47.46% 0.1477 16.88)` | Alabama Crimson | white, 7.2 to 1 |
| 12 | `#af373a` | `oklch(51.46% 0.1564 23.22)` | Lusty Red | white, 6.1 to 1 |
| 13 | `#bf4234` | `oklch(55.26% 0.1625 29.59)` | Caught Red-Handed | white, 5.1 to 1 |
| 14 | `#cc4f2e` | `oklch(58.89% 0.1652 35.67)` | Fox | black, 4.7 to 1 |
| 15 | `#d85e2e` | `oklch(62.87% 0.1648 40.58)` | Tangerine Bliss | black, 5.5 to 1 |
| 16 | `#e36f33` | `oklch(66.91% 0.1621 45.08)` | Lava Pit | black, 6.5 to 1 |
| 17 | `#ec7f38` | `oklch(70.66% 0.1576 50.10)` | Snappy Happy | black, 7.6 to 1 |
| 18 | `#f18e3c` | `oklch(73.74% 0.1519 56.58)` | Mandarin Rind | black, 8.6 to 1 |
| 19 | `#ee9b3c` | `oklch(75.80% 0.1457 65.45)` | Cornucopia | black, 9.4 to 1 |
| 20 | `#e3a63a` | `oklch(76.48% 0.1393 77.73)` | Mustard Glaze | black, 9.7 to 1 |
| 21 | `#ccaf40` | `oklch(75.90% 0.1313 94.44)` | Sugar Leaves | black, 9.7 to 1 |
| 22 | `#abb454` | `oklch(74.32% 0.1220 114.25)` | Green Banana | black, 9.4 to 1 |
| 23 | `#85b46c` | `oklch(71.96% 0.1122 135.43)` | Nasturtium Leaf | black, 8.7 to 1 |
| 24 | `#62ae81` | `oklch(69.02% 0.1025 156.28)` | Elf Shoe | black, 7.9 to 1 |
| 25 | `#49a48e` | `oklch(65.73% 0.0939 175.08)` | Corrosion Green | black, 6.9 to 1 |
| 26 | `#3b9893` | `oklch(62.28% 0.0870 190.18)` | Sea | black, 6 to 1 |
| 27 | `#32888f` | `oklch(57.90% 0.0814 202.59)` | Turkish Jade | black, 5 to 1 |
| 28 | `#2a7685` | `oklch(52.63% 0.0767 213.32)` | Thousand Herb | white, 5.2 to 1 |
| 29 | `#226478` | `oklch(47.03% 0.0728 222.48)` | Bold Bolection | white, 6.6 to 1 |
| 30 | `#1b536b` | `oklch(41.65% 0.0695 230.14)` | Juggernaut | white, 8.4 to 1 |
| 31 | `#15455f` | `oklch(37.08% 0.0669 236.41)` | Sailor Blue | white, 10.2 to 1 |
| 32 | `#133b56` | `oklch(33.86% 0.0648 241.38)` | Gibraltar Sea | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #160d1a 0.0%, #1b0f1f 3.2%, #241025 6.5%, #2e122c 9.7%, #3b1332 12.9%, #491536 16.1%, #58173a 19.4%, #681b3c 22.6%, #791f3e 25.8%, #8b253e 29.0%, #9e2d3d 32.3%, #af373a 35.5%, #bf4234 38.7%, #cc4f2e 41.9%, #d85e2e 45.2%, #e36f33 48.4%, #ec7f38 51.6%, #f18e3c 54.8%, #ee9b3c 58.1%, #e3a63a 61.3%, #ccaf40 64.5%, #abb454 67.7%, #85b46c 71.0%, #62ae81 74.2%, #49a48e 77.4%, #3b9893 80.6%, #32888f 83.9%, #2a7685 87.1%, #226478 90.3%, #1b536b 93.5%, #15455f 96.8%, #133b56 100.0%);
background: linear-gradient(135deg in oklch, oklch(17.72% 0.0289 315.00) 0.0%, oklch(19.23% 0.0370 318.97) 3.2%, oklch(21.24% 0.0484 324.42) 6.5%, oklch(23.66% 0.0617 330.89) 9.7%, oklch(26.39% 0.0760 337.92) 12.9%, oklch(29.35% 0.0900 345.04) 16.1%, oklch(32.44% 0.1025 351.78) 19.4%, oklch(35.74% 0.1138 358.03) 22.6%, oklch(39.44% 0.1256 4.29) 25.8%, oklch(43.40% 0.1372 10.57) 29.0%, oklch(47.46% 0.1477 16.88) 32.3%, oklch(51.46% 0.1564 23.22) 35.5%, oklch(55.26% 0.1625 29.59) 38.7%, oklch(58.89% 0.1652 35.67) 41.9%, oklch(62.87% 0.1648 40.58) 45.2%, oklch(66.91% 0.1621 45.08) 48.4%, oklch(70.66% 0.1576 50.10) 51.6%, oklch(73.74% 0.1519 56.58) 54.8%, oklch(75.80% 0.1457 65.45) 58.1%, oklch(76.48% 0.1393 77.73) 61.3%, oklch(75.90% 0.1313 94.44) 64.5%, oklch(74.32% 0.1220 114.25) 67.7%, oklch(71.96% 0.1122 135.43) 71.0%, oklch(69.02% 0.1025 156.28) 74.2%, oklch(65.73% 0.0939 175.08) 77.4%, oklch(62.28% 0.0870 190.18) 80.6%, oklch(57.90% 0.0814 202.59) 83.9%, oklch(52.63% 0.0767 213.32) 87.1%, oklch(47.03% 0.0728 222.48) 90.3%, oklch(41.65% 0.0695 230.14) 93.5%, oklch(37.08% 0.0669 236.41) 96.8%, oklch(33.86% 0.0648 241.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.029 | 315 |
| 2 | 0.331 | 0.105 | 353 |
| 3 | 0.567 | 0.164 | 392.1 |
| 4 | 0.764 | 0.142 | 432.3 |
| 5 | 0.63 | 0.088 | 547.5 |
| 6 | 0.339 | 0.065 | 601.4 |

## In these collections

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

## Other forms

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