# Stapled Spectrum palette

The Stapled Spectrum palette brings together dark gray, pale orange, blue, red, and gold. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits poster layouts and editorial spreads. Its darkest tone is dark gray, and its lightest tone is pale orange.

- Also called: Rainbow from black to orange linear gradient
- Seed: `kWLgBAc4y_0GxVJPyc8abpHg`
- Page: https://grabient.com/kWLgBAc4y_0GxVJPyc8abpHg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 14.5 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 | `#121212` | `oklch(18.11% 0.0000 89.88)` | Dark Tone Ink | white, 18.7 to 1 |
| 2 | `#212120` | `oklch(24.76% 0.0023 88.64)` | Lead | white, 16.1 to 1 |
| 3 | `#3a3936` | `oklch(34.51% 0.0048 85.47)` | Boltgun Metal | white, 11.5 to 1 |
| 4 | `#5b5854` | `oklch(46.16% 0.0078 81.61)` | Peppery | white, 7 to 1 |
| 5 | `#807b74` | `oklch(58.53% 0.0114 78.21)` | Bushland Grey | black, 5 to 1 |
| 6 | `#a69f95` | `oklch(70.43% 0.0159 76.41)` | Cloudy Today | black, 7.9 to 1 |
| 7 | `#c8beb1` | `oklch(80.65% 0.0215 77.33)` | Raw Cashew Nut | black, 11.4 to 1 |
| 8 | `#e1d6c3` | `oklch(88.02% 0.0284 82.13)` | Illusive Dream | black, 14.6 to 1 |
| 9 | `#ebe2c7` | `oklch(91.34% 0.0367 91.94)` | Star of Gold | black, 16.2 to 1 |
| 10 | `#e2e2be` | `oklch(90.41% 0.0473 107.62)` | Forgive Quickly | black, 15.8 to 1 |
| 11 | `#c6dab0` | `oklch(86.21% 0.0598 128.13)` | White Vienna | black, 14 to 1 |
| 12 | `#9acba6` | `oklch(79.79% 0.0736 152.04)` | Heath Green | black, 11.4 to 1 |
| 13 | `#62b8a5` | `oklch(72.21% 0.0882 177.91)` | Bath Turquoise | black, 8.8 to 1 |
| 14 | `#239fab` | `oklch(64.50% 0.1027 204.32)` | Riviera | black, 6.6 to 1 |
| 15 | `#0085b0` | `oklch(57.72% 0.1148 229.85)` | Lyrebird | black, 4.9 to 1 |
| 16 | `#2c6db4` | `oklch(52.91% 0.1294 253.03)` | Dover Straits | white, 5.3 to 1 |
| 17 | `#4d5cb5` | `oklch(50.84% 0.1405 272.99)` | Chinese Bellflower | white, 5.9 to 1 |
| 18 | `#684fb2` | `oklch(50.39% 0.1519 291.94)` | Ultrapurple Merge | white, 6.2 to 1 |
| 19 | `#8344aa` | `oklch(51.07% 0.1632 310.23)` | Harley Hair Purple | white, 6.2 to 1 |
| 20 | `#9d3c9d` | `oklch(52.60% 0.1739 327.76)` | Medium Purple | white, 5.9 to 1 |
| 21 | `#b5368a` | `oklch(54.73% 0.1837 344.41)` | Fandango | white, 5.4 to 1 |
| 22 | `#cb3473` | `oklch(57.20% 0.1920 0.08)` | Magentarama | white, 4.9 to 1 |
| 23 | `#dc3959` | `oklch(59.73% 0.1983 14.65)` | Teaberry | black, 4.7 to 1 |
| 24 | `#e74339` | `oklch(62.07% 0.2021 28.03)` | Carpaccio | black, 5.2 to 1 |
| 25 | `#ec5300` | `oklch(64.29% 0.2011 40.17)` | Gold Red | black, 5.8 to 1 |
| 26 | `#e56f00` | `oklch(66.99% 0.1740 51.27)` | Accent Orange | black, 6.6 to 1 |
| 27 | `#e48300` | `oklch(70.00% 0.1621 61.33)` | Fulvous | black, 7.5 to 1 |
| 28 | `#e69400` | `oklch(73.13% 0.1581 70.33)` | Autumn Yellow | black, 8.5 to 1 |
| 29 | `#e8a300` | `oklch(76.20% 0.1587 78.27)` | Flambrosia | black, 9.6 to 1 |
| 30 | `#eab100` | `oklch(79.01% 0.1619 85.14)` | Sun Drops | black, 10.7 to 1 |
| 31 | `#eabc10` | `oklch(81.36% 0.1641 90.93)` | Gold Ore | black, 11.7 to 1 |
| 32 | `#e7c62d` | `oklch(83.07% 0.1598 95.64)` | Thai Temple | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #121212 0.0%, #212120 3.2%, #3a3936 6.5%, #5b5854 9.7%, #807b74 12.9%, #a69f95 16.1%, #c8beb1 19.4%, #e1d6c3 22.6%, #ebe2c7 25.8%, #e2e2be 29.0%, #c6dab0 32.3%, #9acba6 35.5%, #62b8a5 38.7%, #239fab 41.9%, #0085b0 45.2%, #2c6db4 48.4%, #4d5cb5 51.6%, #684fb2 54.8%, #8344aa 58.1%, #9d3c9d 61.3%, #b5368a 64.5%, #cb3473 67.7%, #dc3959 71.0%, #e74339 74.2%, #ec5300 77.4%, #e56f00 80.6%, #e48300 83.9%, #e69400 87.1%, #e8a300 90.3%, #eab100 93.5%, #eabc10 96.8%, #e7c62d 100.0%);
background: linear-gradient(90deg in oklch, oklch(18.11% 0.0000 89.88) 0.0%, oklch(24.76% 0.0023 88.64) 3.2%, oklch(34.51% 0.0048 85.47) 6.5%, oklch(46.16% 0.0078 81.61) 9.7%, oklch(58.53% 0.0114 78.21) 12.9%, oklch(70.43% 0.0159 76.41) 16.1%, oklch(80.65% 0.0215 77.33) 19.4%, oklch(88.02% 0.0284 82.13) 22.6%, oklch(91.34% 0.0367 91.94) 25.8%, oklch(90.41% 0.0473 107.62) 29.0%, oklch(86.21% 0.0598 128.13) 32.3%, oklch(79.79% 0.0736 152.04) 35.5%, oklch(72.21% 0.0882 177.91) 38.7%, oklch(64.50% 0.1027 204.32) 41.9%, oklch(57.72% 0.1148 229.85) 45.2%, oklch(52.91% 0.1294 253.03) 48.4%, oklch(50.84% 0.1405 272.99) 51.6%, oklch(50.39% 0.1519 291.94) 54.8%, oklch(51.07% 0.1632 310.23) 58.1%, oklch(52.60% 0.1739 327.76) 61.3%, oklch(54.73% 0.1837 344.41) 64.5%, oklch(57.20% 0.1920 0.08) 67.7%, oklch(59.73% 0.1983 14.65) 71.0%, oklch(62.07% 0.2021 28.03) 74.2%, oklch(64.29% 0.2011 40.17) 77.4%, oklch(66.99% 0.1740 51.27) 80.6%, oklch(70.00% 0.1621 61.33) 83.9%, oklch(73.13% 0.1581 70.33) 87.1%, oklch(76.20% 0.1587 78.27) 90.3%, oklch(79.01% 0.1619 85.14) 93.5%, oklch(81.36% 0.1641 90.93) 96.8%, oklch(83.07% 0.1598 95.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0 | 90 |
| 2 | 0.909 | 0.034 | 88.9 |
| 3 | 0.516 | 0.135 | 263.3 |
| 4 | 0.626 | 0.203 | 391.2 |
| 5 | 0.831 | 0.16 | 455.6 |

## In these collections

- [Zine colors](https://grabient.com/zine-colors)

## Other forms

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