# Orange harness over basalt shadows

Bright orange passes through ember red, ochre olive, and muted green gray before fading into basalt charcoal and near black. The diagonal gradient pairs a vivid equipment accent with a large dark finish. Use this rugged adventure palette for climbing campaign graphics, outdoor gear presentations, and dramatic travel editorial backgrounds.

- Also called: Orange to black linear gradient
- Seed: `kUs38kxLk97EDVIchMSA`
- Page: https://grabient.com/kUs38kxLk97EDVIchMSA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#f27a1a` | `oklch(70.47% 0.1750 51.33)` | Retro Nectarine | black, 7.5 to 1 |
| 2 | `#ef751e` | `oklch(69.52% 0.1745 49.55)` | Orange Gluttony | black, 7.2 to 1 |
| 3 | `#ed6f26` | `oklch(68.29% 0.1746 46.23)` | Orange Zest | black, 6.9 to 1 |
| 4 | `#ea682f` | `oklch(66.85% 0.1750 41.93)` | Glazed Carrot | black, 6.5 to 1 |
| 5 | `#e66037` | `oklch(65.22% 0.1754 37.23)` | Startling Orange | black, 6 to 1 |
| 6 | `#e0583e` | `oklch(63.47% 0.1754 32.68)` | Tiger Lily | black, 5.6 to 1 |
| 7 | `#da5143` | `oklch(61.63% 0.1748 28.85)` | Blossoming Dynasty | black, 5.2 to 1 |
| 8 | `#d34b44` | `oklch(59.77% 0.1732 26.31)` | Race Car Stripe | black, 4.8 to 1 |
| 9 | `#cb4642` | `oklch(57.92% 0.1703 25.63)` | Holland Red | white, 4.6 to 1 |
| 10 | `#c3433a` | `oklch(56.13% 0.1659 27.36)` | Reddish | white, 5 to 1 |
| 11 | `#bb422d` | `oklch(54.46% 0.1597 32.08)` | Browned Off | white, 5.3 to 1 |
| 12 | `#b04517` | `oklch(52.91% 0.1509 40.53)` | Donkey Kong | white, 5.6 to 1 |
| 13 | `#9f4d00` | `oklch(51.40% 0.1303 53.12)` | Burnt Bagel | white, 5.9 to 1 |
| 14 | `#8a5600` | `oklch(49.91% 0.1087 69.13)` | Spear Shaft | white, 6.1 to 1 |
| 15 | `#765a00` | `oklch(48.43% 0.0990 87.63)` | Blackfire Earth | white, 6.4 to 1 |
| 16 | `#605e17` | `oklch(46.97% 0.0902 107.74)` | Brussels Sprout Green | white, 6.7 to 1 |
| 17 | `#4a5e31` | `oklch(45.50% 0.0724 128.53)` | Woodman | white, 7.1 to 1 |
| 18 | `#3d5b42` | `oklch(44.04% 0.0551 149.13)` | Horsetail | white, 7.5 to 1 |
| 19 | `#39564b` | `oklch(42.57% 0.0390 168.67)` | Leprechaun Green | white, 8 to 1 |
| 20 | `#3b4f4d` | `oklch(41.09% 0.0250 186.25)` | Night Watch | white, 8.6 to 1 |
| 21 | `#3e494a` | `oklch(39.59% 0.0138 200.98)` | Big Dipper | white, 9.3 to 1 |
| 22 | `#3f4344` | `oklch(38.07% 0.0061 212.11)` | Dark River | white, 9.9 to 1 |
| 23 | `#3d3e3f` | `oklch(36.42% 0.0013 220.73)` | Black Smoke | white, 10.6 to 1 |
| 24 | `#3a3a3a` | `oklch(34.67% 0.0000 89.88)` | Dead Pixel | white, 11.4 to 1 |
| 25 | `#353535` | `oklch(32.87% 0.0000 89.88)` | Jet | white, 12.2 to 1 |
| 26 | `#303030` | `oklch(31.05% 0.0000 89.88)` | Off Black | white, 13.1 to 1 |
| 27 | `#2b2c2d` | `oklch(29.26% 0.0014 239.66)` | Blackadder | white, 13.9 to 1 |
| 28 | `#26282a` | `oklch(27.55% 0.0041 241.80)` | Dire Wolf | white, 14.7 to 1 |
| 29 | `#212427` | `oklch(25.97% 0.0069 243.44)` | Dark Gunmetal | white, 15.5 to 1 |
| 30 | `#1d2125` | `oklch(24.56% 0.0096 244.82)` | Noble Black | white, 16.1 to 1 |
| 31 | `#191e23` | `oklch(23.37% 0.0115 246.22)` | Satin Deep Black | white, 16.7 to 1 |
| 32 | `#171c21` | `oklch(22.44% 0.0124 247.88)` | Gluon Grey | white, 17.1 to 1 |

## CSS

```css
background: linear-gradient(315deg, #f27a1a 0.0%, #ef751e 3.2%, #ed6f26 6.5%, #ea682f 9.7%, #e66037 12.9%, #e0583e 16.1%, #da5143 19.4%, #d34b44 22.6%, #cb4642 25.8%, #c3433a 29.0%, #bb422d 32.3%, #b04517 35.5%, #9f4d00 38.7%, #8a5600 41.9%, #765a00 45.2%, #605e17 48.4%, #4a5e31 51.6%, #3d5b42 54.8%, #39564b 58.1%, #3b4f4d 61.3%, #3e494a 64.5%, #3f4344 67.7%, #3d3e3f 71.0%, #3a3a3a 74.2%, #353535 77.4%, #303030 80.6%, #2b2c2d 83.9%, #26282a 87.1%, #212427 90.3%, #1d2125 93.5%, #191e23 96.8%, #171c21 100.0%);
background: linear-gradient(315deg in oklch, oklch(70.47% 0.1750 51.33) 0.0%, oklch(69.52% 0.1745 49.55) 3.2%, oklch(68.29% 0.1746 46.23) 6.5%, oklch(66.85% 0.1750 41.93) 9.7%, oklch(65.22% 0.1754 37.23) 12.9%, oklch(63.47% 0.1754 32.68) 16.1%, oklch(61.63% 0.1748 28.85) 19.4%, oklch(59.77% 0.1732 26.31) 22.6%, oklch(57.92% 0.1703 25.63) 25.8%, oklch(56.13% 0.1659 27.36) 29.0%, oklch(54.46% 0.1597 32.08) 32.3%, oklch(52.91% 0.1509 40.53) 35.5%, oklch(51.40% 0.1303 53.12) 38.7%, oklch(49.91% 0.1087 69.13) 41.9%, oklch(48.43% 0.0990 87.63) 45.2%, oklch(46.97% 0.0902 107.74) 48.4%, oklch(45.50% 0.0724 128.53) 51.6%, oklch(44.04% 0.0551 149.13) 54.8%, oklch(42.57% 0.0390 168.67) 58.1%, oklch(41.09% 0.0250 186.25) 61.3%, oklch(39.59% 0.0138 200.98) 64.5%, oklch(38.07% 0.0061 212.11) 67.7%, oklch(36.42% 0.0013 220.73) 71.0%, oklch(34.67% 0.0000 89.88) 74.2%, oklch(32.87% 0.0000 89.88) 77.4%, oklch(31.05% 0.0000 89.88) 80.6%, oklch(29.26% 0.0014 239.66) 83.9%, oklch(27.55% 0.0041 241.80) 87.1%, oklch(25.97% 0.0069 243.44) 90.3%, oklch(24.56% 0.0096 244.82) 93.5%, oklch(23.37% 0.0115 246.22) 96.8%, oklch(22.44% 0.0124 247.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.175 | 51.3 |
| 2 | 0.539 | 0.157 | 34.4 |
| 3 | 0.386 | 0.008 | 208.8 |
| 4 | 0.224 | 0.012 | 247.9 |

## In these collections

- [Darecations](https://grabient.com/darecations)

## Other forms

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