# Gold and crimson orange palette

The Gold and crimson orange palette brings together light orange, orange, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Vivid analogous peach to red radial gradient
- Seed: `kW3k414rc9tbFPjKST7uz-_Y`
- Page: https://grabient.com/kW3k414rc9tbFPjKST7uz-_Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#ffcc83` | `oklch(87.40% 0.1074 75.24)` | Deviled Eggs | black, 14.1 to 1 |
| 2 | `#ffc87e` | `oklch(86.61% 0.1110 73.69)` | Beige Topaz | black, 13.8 to 1 |
| 3 | `#ffc377` | `oklch(85.55% 0.1158 71.58)` | Bronze Blush | black, 13.3 to 1 |
| 4 | `#ffbd6f` | `oklch(84.29% 0.1215 69.07)` | Cinnamon Buff | black, 12.7 to 1 |
| 5 | `#ffb667` | `oklch(82.89% 0.1279 66.30)` | Mango Creamsicles | black, 12.1 to 1 |
| 6 | `#ffae5f` | `oklch(81.42% 0.1345 63.42)` | Dreamy Sunset | black, 11.4 to 1 |
| 7 | `#ffa657` | `oklch(79.95% 0.1411 60.60)` | Echinoidea Thorns | black, 10.8 to 1 |
| 8 | `#fe9f4f` | `oklch(78.54% 0.1473 57.97)` | Bittersweet | black, 10.2 to 1 |
| 9 | `#fe9849` | `oklch(77.25% 0.1529 55.67)` | Absolute Apricot | black, 9.8 to 1 |
| 10 | `#fd9143` | `oklch(76.02% 0.1584 53.52)` | Orangish | black, 9.3 to 1 |
| 11 | `#fd8b3d` | `oklch(74.80% 0.1640 51.42)` | Kanzō Orange | black, 8.9 to 1 |
| 12 | `#fc8438` | `oklch(73.59% 0.1696 49.39)` | Sunset Yellow | black, 8.4 to 1 |
| 13 | `#fb7d33` | `oklch(72.38% 0.1749 47.43)` | Beniukon Bronze | black, 8 to 1 |
| 14 | `#fa762e` | `oklch(71.17% 0.1799 45.57)` | Temptatious Tangerine | black, 7.6 to 1 |
| 15 | `#f8702a` | `oklch(69.96% 0.1845 43.82)` | Persimmon Orange | black, 7.3 to 1 |
| 16 | `#f66927` | `oklch(68.73% 0.1885 42.19)` | Light My Fire | black, 6.9 to 1 |
| 17 | `#f36224` | `oklch(67.49% 0.1917 40.69)` | Scarlet Ibis | black, 6.6 to 1 |
| 18 | `#f15c22` | `oklch(66.26% 0.1946 39.32)` | Buffallo Sauce | black, 6.2 to 1 |
| 19 | `#ee561f` | `oklch(65.03% 0.1971 38.07)` | Tilted Pinball | black, 5.9 to 1 |
| 20 | `#ea501d` | `oklch(63.80% 0.1991 36.93)` | Crunchy Carrot | black, 5.6 to 1 |
| 21 | `#e74a1b` | `oklch(62.55% 0.2006 35.89)` | Nasturtium Flower | black, 5.3 to 1 |
| 22 | `#e3441a` | `oklch(61.28% 0.2015 34.92)` | Scoville High | black, 5.1 to 1 |
| 23 | `#de3f18` | `oklch(59.97% 0.2018 34.02)` | Furnace | black, 4.8 to 1 |
| 24 | `#d93918` | `oklch(58.62% 0.2014 33.17)` | Kiss of the Scorpion | white, 4.5 to 1 |
| 25 | `#d43417` | `oklch(57.15% 0.2000 32.37)` | Rackham Red | white, 4.8 to 1 |
| 26 | `#cd2f17` | `oklch(55.50% 0.1973 31.64)` | Particle Ioniser Red | white, 5.2 to 1 |
| 27 | `#c52a16` | `oklch(53.74% 0.1936 30.98)` | Minestrone | white, 5.6 to 1 |
| 28 | `#bd2616` | `oklch(51.97% 0.1893 30.39)` | Bloodshed | white, 6 to 1 |
| 29 | `#b62215` | `oklch(50.26% 0.1849 29.87)` | Fiery Garnet | white, 6.5 to 1 |
| 30 | `#af1e14` | `oklch(48.71% 0.1808 29.42)` | Orchestra of Red | white, 6.9 to 1 |
| 31 | `#a91b14` | `oklch(47.42% 0.1774 29.05)` | Ketchup Later | white, 7.3 to 1 |
| 32 | `#a51913` | `oklch(46.46% 0.1750 28.74)` | Mechrite Red | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffcc83 0.0%, #ffc87e 3.2%, #ffc377 6.5%, #ffbd6f 9.7%, #ffb667 12.9%, #ffae5f 16.1%, #ffa657 19.4%, #fe9f4f 22.6%, #fe9849 25.8%, #fd9143 29.0%, #fd8b3d 32.3%, #fc8438 35.5%, #fb7d33 38.7%, #fa762e 41.9%, #f8702a 45.2%, #f66927 48.4%, #f36224 51.6%, #f15c22 54.8%, #ee561f 58.1%, #ea501d 61.3%, #e74a1b 64.5%, #e3441a 67.7%, #de3f18 71.0%, #d93918 74.2%, #d43417 77.4%, #cd2f17 80.6%, #c52a16 83.9%, #bd2616 87.1%, #b62215 90.3%, #af1e14 93.5%, #a91b14 96.8%, #a51913 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.1074 75.24) 0.0%, oklch(86.61% 0.1110 73.69) 3.2%, oklch(85.55% 0.1158 71.58) 6.5%, oklch(84.29% 0.1215 69.07) 9.7%, oklch(82.89% 0.1279 66.30) 12.9%, oklch(81.42% 0.1345 63.42) 16.1%, oklch(79.95% 0.1411 60.60) 19.4%, oklch(78.54% 0.1473 57.97) 22.6%, oklch(77.25% 0.1529 55.67) 25.8%, oklch(76.02% 0.1584 53.52) 29.0%, oklch(74.80% 0.1640 51.42) 32.3%, oklch(73.59% 0.1696 49.39) 35.5%, oklch(72.38% 0.1749 47.43) 38.7%, oklch(71.17% 0.1799 45.57) 41.9%, oklch(69.96% 0.1845 43.82) 45.2%, oklch(68.73% 0.1885 42.19) 48.4%, oklch(67.49% 0.1917 40.69) 51.6%, oklch(66.26% 0.1946 39.32) 54.8%, oklch(65.03% 0.1971 38.07) 58.1%, oklch(63.80% 0.1991 36.93) 61.3%, oklch(62.55% 0.2006 35.89) 64.5%, oklch(61.28% 0.2015 34.92) 67.7%, oklch(59.97% 0.2018 34.02) 71.0%, oklch(58.62% 0.2014 33.17) 74.2%, oklch(57.15% 0.2000 32.37) 77.4%, oklch(55.50% 0.1973 31.64) 80.6%, oklch(53.74% 0.1936 30.98) 83.9%, oklch(51.97% 0.1893 30.39) 87.1%, oklch(50.26% 0.1849 29.87) 90.3%, oklch(48.71% 0.1808 29.42) 93.5%, oklch(47.42% 0.1774 29.05) 96.8%, oklch(46.46% 0.1750 28.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.107 | 75.2 |
| 2 | 0.776 | 0.152 | 56.2 |
| 3 | 0.681 | 0.19 | 41.4 |
| 4 | 0.583 | 0.201 | 33 |
| 5 | 0.465 | 0.175 | 28.7 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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