# Near-black and gold golden hour palette

The Near-black and gold golden hour palette brings together dark orange, orange, and gold. 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 dark orange, and its lightest tone is orange.

- Also called: Seamless warm brown and orange angular gradient
- Seed: `kaLhYcph1A866QfwM0JSbM-KOZvYXCz7A`
- Page: https://grabient.com/kaLhYcph1A866QfwM0JSbM-KOZvYXCz7A?style=angularGradient&steps=48&angle=30
- Drawn as: angular gradient, 48 steps, 30 degrees
- Kinds: light center, vivid, warm, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#1d0d07` | `oklch(18.11% 0.0303 40.08)` | Crowshead | white, 18.8 to 1 |
| 2 | `#200e07` | `oklch(18.90% 0.0340 40.69)` | Severely Burnt Toast | white, 18.6 to 1 |
| 3 | `#240f07` | `oklch(19.80% 0.0387 41.43)` | Severely Burnt Toast | white, 18.3 to 1 |
| 4 | `#281007` | `oklch(20.86% 0.0443 42.32)` | Root Brew | white, 17.9 to 1 |
| 5 | `#2e1206` | `oklch(22.14% 0.0507 43.34)` | Shadow Play | white, 17.4 to 1 |
| 6 | `#341405` | `oklch(23.68% 0.0577 44.50)` | Chocolate Melange | white, 16.8 to 1 |
| 7 | `#3b1704` | `oklch(25.53% 0.0652 45.80)` | American Bronze | white, 16 to 1 |
| 8 | `#441a02` | `oklch(27.75% 0.0731 47.23)` | Bath in Chocolate | white, 15 to 1 |
| 9 | `#4e1f00` | `oklch(30.40% 0.0813 48.81)` | Evil Cigar | white, 13.8 to 1 |
| 10 | `#592600` | `oklch(33.64% 0.0884 50.41)` | Conker Brown | white, 12.2 to 1 |
| 11 | `#672f00` | `oklch(37.44% 0.0958 52.39)` | Beasty Brown | white, 10.5 to 1 |
| 12 | `#763900` | `oklch(41.64% 0.1037 54.52)` | Red Beech | white, 8.9 to 1 |
| 13 | `#854500` | `oklch(46.08% 0.1118 56.76)` | Chocolate Pancakes | white, 7.3 to 1 |
| 14 | `#965100` | `oklch(50.60% 0.1198 59.08)` | Mochaccino | white, 6 to 1 |
| 15 | `#a55d00` | `oklch(55.03% 0.1273 61.45)` | Raw Umber | white, 5 to 1 |
| 16 | `#b46900` | `oklch(59.23% 0.1341 63.83)` | Pumpkin Spice | black, 4.9 to 1 |
| 17 | `#c17500` | `oklch(63.09% 0.1402 66.24)` | Caramel Coating | black, 5.8 to 1 |
| 18 | `#cf8300` | `oklch(67.31% 0.1467 69.07)` | Copious Caramel | black, 6.8 to 1 |
| 19 | `#de9200` | `oklch(71.84% 0.1536 72.26)` | Beige Red | black, 8.1 to 1 |
| 20 | `#eba212` | `oklch(76.37% 0.1576 75.58)` | Rowdy Orange | black, 9.6 to 1 |
| 21 | `#f4b232` | `oklch(80.58% 0.1533 78.76)` | Solar Power | black, 11.2 to 1 |
| 22 | `#fcc047` | `oklch(84.16% 0.1487 81.58)` | Nârenji Orange | black, 12.7 to 1 |
| 23 | `#ffcb5c` | `oklch(86.77% 0.1400 83.81)` | Nacho | black, 13.9 to 1 |
| 24 | `#ffd16b` | `oklch(88.10% 0.1305 85.21)` | Bright Halo | black, 14.5 to 1 |
| 25 | `#ffd065` | `oklch(87.84% 0.1349 85.56)` | Chickadee | black, 14.4 to 1 |
| 26 | `#fbc958` | `oklch(85.93% 0.1404 84.95)` | Little Sun Dress | black, 13.5 to 1 |
| 27 | `#f2bd4b` | `oklch(82.69% 0.1416 83.56)` | Adonis Rose Yellow | black, 12.1 to 1 |
| 28 | `#e7ae39` | `oklch(78.50% 0.1431 81.58)` | Quercitron | black, 10.5 to 1 |
| 29 | `#da9d22` | `oklch(73.70% 0.1445 79.20)` | New England Autumn | black, 8.8 to 1 |
| 30 | `#cc8c00` | `oklch(68.64% 0.1438 76.59)` | Festering Brown | black, 7.3 to 1 |
| 31 | `#bb7d00` | `oklch(63.69% 0.1350 73.95)` | Guo Tie Dumpling | black, 6 to 1 |
| 32 | `#ac6f00` | `oklch(59.21% 0.1272 71.46)` | Cookie Dough | black, 5 to 1 |
| 33 | `#9f6300` | `oklch(55.25% 0.1203 69.14)` | Cumin Ochre | white, 4.9 to 1 |
| 34 | `#915700` | `oklch(51.13% 0.1133 66.57)` | Mochaccino | white, 5.8 to 1 |
| 35 | `#834b00` | `oklch(46.89% 0.1062 63.82)` | Dried Mustard | white, 7 to 1 |
| 36 | `#754000` | `oklch(42.67% 0.0991 60.98)` | Bloodtracker Brown | white, 8.4 to 1 |
| 37 | `#673500` | `oklch(38.59% 0.0922 58.16)` | Nutmeg Wood Finish | white, 10 to 1 |
| 38 | `#5b2b00` | `oklch(34.77% 0.0856 55.44)` | Count Chocula | white, 11.7 to 1 |
| 39 | `#4f2300` | `oklch(31.33% 0.0796 52.92)` | Evil Cigar | white, 13.3 to 1 |
| 40 | `#451d02` | `oklch(28.38% 0.0715 50.97)` | Chocolate Castle | white, 14.7 to 1 |
| 41 | `#3c1903` | `oklch(26.00% 0.0645 49.14)` | American Bronze | white, 15.8 to 1 |
| 42 | `#351504` | `oklch(24.06% 0.0580 47.49)` | Chocolate Melange | white, 16.6 to 1 |
| 43 | `#2f1305` | `oklch(22.50% 0.0519 46.03)` | Shadow Play | white, 17.3 to 1 |
| 44 | `#2a1106` | `oklch(21.25% 0.0463 44.74)` | Root Brew | white, 17.7 to 1 |
| 45 | `#261006` | `oklch(20.25% 0.0413 43.61)` | Severely Burnt Toast | white, 18.1 to 1 |
| 46 | `#220f07` | `oklch(19.44% 0.0370 42.63)` | Severely Burnt Toast | white, 18.4 to 1 |
| 47 | `#200e07` | `oklch(18.75% 0.0333 41.81)` | Severely Burnt Toast | white, 18.6 to 1 |
| 48 | `#1d0d07` | `oklch(18.11% 0.0303 41.13)` | Crowshead | white, 18.8 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #1d0d07 0.0%, #200e07 2.1%, #240f07 4.3%, #281007 6.4%, #2e1206 8.5%, #341405 10.6%, #3b1704 12.8%, #441a02 14.9%, #4e1f00 17.0%, #592600 19.1%, #672f00 21.3%, #763900 23.4%, #854500 25.5%, #965100 27.7%, #a55d00 29.8%, #b46900 31.9%, #c17500 34.0%, #cf8300 36.2%, #de9200 38.3%, #eba212 40.4%, #f4b232 42.6%, #fcc047 44.7%, #ffcb5c 46.8%, #ffd16b 48.9%, #ffd065 51.1%, #fbc958 53.2%, #f2bd4b 55.3%, #e7ae39 57.4%, #da9d22 59.6%, #cc8c00 61.7%, #bb7d00 63.8%, #ac6f00 66.0%, #9f6300 68.1%, #915700 70.2%, #834b00 72.3%, #754000 74.5%, #673500 76.6%, #5b2b00 78.7%, #4f2300 80.9%, #451d02 83.0%, #3c1903 85.1%, #351504 87.2%, #2f1305 89.4%, #2a1106 91.5%, #261006 93.6%, #220f07 95.7%, #200e07 97.9%, #1d0d07 100.0%);
background: conic-gradient(from 30deg in oklch, oklch(18.11% 0.0303 40.08) 0.0%, oklch(18.90% 0.0340 40.69) 2.1%, oklch(19.80% 0.0387 41.43) 4.3%, oklch(20.86% 0.0443 42.32) 6.4%, oklch(22.14% 0.0507 43.34) 8.5%, oklch(23.68% 0.0577 44.50) 10.6%, oklch(25.53% 0.0652 45.80) 12.8%, oklch(27.75% 0.0731 47.23) 14.9%, oklch(30.40% 0.0813 48.81) 17.0%, oklch(33.64% 0.0884 50.41) 19.1%, oklch(37.44% 0.0958 52.39) 21.3%, oklch(41.64% 0.1037 54.52) 23.4%, oklch(46.08% 0.1118 56.76) 25.5%, oklch(50.60% 0.1198 59.08) 27.7%, oklch(55.03% 0.1273 61.45) 29.8%, oklch(59.23% 0.1341 63.83) 31.9%, oklch(63.09% 0.1402 66.24) 34.0%, oklch(67.31% 0.1467 69.07) 36.2%, oklch(71.84% 0.1536 72.26) 38.3%, oklch(76.37% 0.1576 75.58) 40.4%, oklch(80.58% 0.1533 78.76) 42.6%, oklch(84.16% 0.1487 81.58) 44.7%, oklch(86.77% 0.1400 83.81) 46.8%, oklch(88.10% 0.1305 85.21) 48.9%, oklch(87.84% 0.1349 85.56) 51.1%, oklch(85.93% 0.1404 84.95) 53.2%, oklch(82.69% 0.1416 83.56) 55.3%, oklch(78.50% 0.1431 81.58) 57.4%, oklch(73.70% 0.1445 79.20) 59.6%, oklch(68.64% 0.1438 76.59) 61.7%, oklch(63.69% 0.1350 73.95) 63.8%, oklch(59.21% 0.1272 71.46) 66.0%, oklch(55.25% 0.1203 69.14) 68.1%, oklch(51.13% 0.1133 66.57) 70.2%, oklch(46.89% 0.1062 63.82) 72.3%, oklch(42.67% 0.0991 60.98) 74.5%, oklch(38.59% 0.0922 58.16) 76.6%, oklch(34.77% 0.0856 55.44) 78.7%, oklch(31.33% 0.0796 52.92) 80.9%, oklch(28.38% 0.0715 50.97) 83.0%, oklch(26.00% 0.0645 49.14) 85.1%, oklch(24.06% 0.0580 47.49) 87.2%, oklch(22.50% 0.0519 46.03) 89.4%, oklch(21.25% 0.0463 44.74) 91.5%, oklch(20.25% 0.0413 43.61) 93.6%, oklch(19.44% 0.0370 42.63) 95.7%, oklch(18.75% 0.0333 41.81) 97.9%, oklch(18.11% 0.0303 41.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.03 | 40.1 |
| 2 | 0.299 | 0.08 | 48.5 |
| 3 | 0.618 | 0.16 | 65.4 |
| 4 | 0.882 | 0.141 | 85.5 |
| 5 | 0.579 | 0.141 | 70.7 |
| 6 | 0.28 | 0.07 | 50.6 |
| 7 | 0.181 | 0.03 | 41.1 |

## In these collections

- [Golden hour gradients](https://grabient.com/golden-hour-gradients)

## Other forms

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