# Gold, orange and crimson synthwave palette

The Gold, orange and crimson synthwave 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 album artwork and music event graphics. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Vivid analogous tan, orange and red radial gradient
- Seed: `kS6klAXki7z_Bu8`
- Page: https://grabient.com/kS6klAXki7z_Bu8?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#ffe396` | `oklch(92.12% 0.1006 90.01)` | Hesperide Apple Gold | black, 16.6 to 1 |
| 2 | `#ffe092` | `oklch(91.62% 0.1032 89.02)` | Lemon Cream | black, 16.3 to 1 |
| 3 | `#ffde8d` | `oklch(91.04% 0.1060 87.87)` | Brite Gold | black, 16 to 1 |
| 4 | `#ffdb89` | `oklch(90.40% 0.1090 86.56)` | Big Bus Yellow | black, 15.7 to 1 |
| 5 | `#ffd883` | `oklch(89.68% 0.1120 85.11)` | Zinnia Gold | black, 15.3 to 1 |
| 6 | `#ffd47e` | `oklch(88.91% 0.1153 83.54)` | Soft Saffron | black, 14.9 to 1 |
| 7 | `#ffd078` | `oklch(88.08% 0.1186 81.85)` | Banana Bread | black, 14.5 to 1 |
| 8 | `#ffcc73` | `oklch(87.20% 0.1221 80.06)` | Grandis | black, 14.1 to 1 |
| 9 | `#ffc76c` | `oklch(86.28% 0.1257 78.19)` | Chanterelle | black, 13.6 to 1 |
| 10 | `#ffc366` | `oklch(85.32% 0.1295 76.24)` | Honey Locust | black, 13.2 to 1 |
| 11 | `#ffbe60` | `oklch(84.32% 0.1335 74.24)` | Sea Buckthorn | black, 12.7 to 1 |
| 12 | `#ffb959` | `oklch(83.29% 0.1377 72.20)` | Cape Jasmine | black, 12.3 to 1 |
| 13 | `#ffb352` | `oklch(82.23% 0.1420 70.13)` | Orange Toffee | black, 11.8 to 1 |
| 14 | `#ffae4b` | `oklch(81.16% 0.1466 68.05)` | Alajuela Toad | black, 11.3 to 1 |
| 15 | `#ffa843` | `oklch(80.07% 0.1515 65.96)` | Match Strike | black, 10.9 to 1 |
| 16 | `#ffa23c` | `oklch(78.97% 0.1565 63.89)` | Radiation Carrot | black, 10.4 to 1 |
| 17 | `#ff9c33` | `oklch(77.86% 0.1618 61.85)` | Deep Saffron | black, 10 to 1 |
| 18 | `#ff962a` | `oklch(76.75% 0.1674 59.85)` | Orange Jewel | black, 9.6 to 1 |
| 19 | `#ff8f1f` | `oklch(75.65% 0.1732 57.91)` | Laddu Orange | black, 9.2 to 1 |
| 20 | `#ff8910` | `oklch(74.56% 0.1792 56.04)` | Autumn Glory | black, 8.8 to 1 |
| 21 | `#fe8200` | `oklch(73.46% 0.1837 54.21)` | The New Black | black, 8.4 to 1 |
| 22 | `#fc7d00` | `oklch(72.30% 0.1851 52.33)` | Pumpkin Orange | black, 8 to 1 |
| 23 | `#f97700` | `oklch(71.05% 0.1868 50.39)` | Butternut Squash | black, 7.6 to 1 |
| 24 | `#f77000` | `oklch(69.75% 0.1888 48.39)` | Fire Dragon Bright | black, 7.2 to 1 |
| 25 | `#f46a00` | `oklch(68.39% 0.1912 46.35)` | Apocalyptic Orange | black, 6.8 to 1 |
| 26 | `#f16200` | `oklch(66.99% 0.1939 44.28)` | Honey Teriyaki | black, 6.5 to 1 |
| 27 | `#ee5b00` | `oklch(65.56% 0.1971 42.19)` | Poppy Flower | black, 6.1 to 1 |
| 28 | `#eb5302` | `oklch(64.12% 0.2001 40.13)` | Gold Red | black, 5.7 to 1 |
| 29 | `#e64d10` | `oklch(62.67% 0.1986 38.06)` | Nasturtium Flower | black, 5.4 to 1 |
| 30 | `#e04819` | `oklch(61.23% 0.1968 36.02)` | Tail Lights | black, 5.1 to 1 |
| 31 | `#db421f` | `oklch(59.82% 0.1949 34.02)` | Furnace | black, 4.8 to 1 |
| 32 | `#d63e24` | `oklch(58.43% 0.1929 32.07)` | Mr. Krabs | white, 4.6 to 1 |
| 33 | `#d03928` | `oklch(57.09% 0.1909 30.20)` | Ake Blood | white, 4.8 to 1 |
| 34 | `#cb342b` | `oklch(55.81% 0.1889 28.41)` | Hot Lips | white, 5.1 to 1 |
| 35 | `#c6302e` | `oklch(54.60% 0.1870 26.72)` | Peri Peri | white, 5.4 to 1 |
| 36 | `#c12d30` | `oklch(53.47% 0.1852 25.15)` | Knockout | white, 5.6 to 1 |
| 37 | `#bd2931` | `oklch(52.43% 0.1836 23.70)` | Bow Tie | white, 5.9 to 1 |
| 38 | `#b92633` | `oklch(51.50% 0.1823 22.39)` | Demonic | white, 6.1 to 1 |
| 39 | `#b62334` | `oklch(50.68% 0.1812 21.24)` | Gory Movie | white, 6.4 to 1 |
| 40 | `#b32035` | `oklch(50.00% 0.1805 20.25)` | American Red | white, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffe396 0.0%, #ffe092 2.6%, #ffde8d 5.1%, #ffdb89 7.7%, #ffd883 10.3%, #ffd47e 12.8%, #ffd078 15.4%, #ffcc73 17.9%, #ffc76c 20.5%, #ffc366 23.1%, #ffbe60 25.6%, #ffb959 28.2%, #ffb352 30.8%, #ffae4b 33.3%, #ffa843 35.9%, #ffa23c 38.5%, #ff9c33 41.0%, #ff962a 43.6%, #ff8f1f 46.2%, #ff8910 48.7%, #fe8200 51.3%, #fc7d00 53.8%, #f97700 56.4%, #f77000 59.0%, #f46a00 61.5%, #f16200 64.1%, #ee5b00 66.7%, #eb5302 69.2%, #e64d10 71.8%, #e04819 74.4%, #db421f 76.9%, #d63e24 79.5%, #d03928 82.1%, #cb342b 84.6%, #c6302e 87.2%, #c12d30 89.7%, #bd2931 92.3%, #b92633 94.9%, #b62334 97.4%, #b32035 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.12% 0.1006 90.01) 0.0%, oklch(91.62% 0.1032 89.02) 2.6%, oklch(91.04% 0.1060 87.87) 5.1%, oklch(90.40% 0.1090 86.56) 7.7%, oklch(89.68% 0.1120 85.11) 10.3%, oklch(88.91% 0.1153 83.54) 12.8%, oklch(88.08% 0.1186 81.85) 15.4%, oklch(87.20% 0.1221 80.06) 17.9%, oklch(86.28% 0.1257 78.19) 20.5%, oklch(85.32% 0.1295 76.24) 23.1%, oklch(84.32% 0.1335 74.24) 25.6%, oklch(83.29% 0.1377 72.20) 28.2%, oklch(82.23% 0.1420 70.13) 30.8%, oklch(81.16% 0.1466 68.05) 33.3%, oklch(80.07% 0.1515 65.96) 35.9%, oklch(78.97% 0.1565 63.89) 38.5%, oklch(77.86% 0.1618 61.85) 41.0%, oklch(76.75% 0.1674 59.85) 43.6%, oklch(75.65% 0.1732 57.91) 46.2%, oklch(74.56% 0.1792 56.04) 48.7%, oklch(73.46% 0.1837 54.21) 51.3%, oklch(72.30% 0.1851 52.33) 53.8%, oklch(71.05% 0.1868 50.39) 56.4%, oklch(69.75% 0.1888 48.39) 59.0%, oklch(68.39% 0.1912 46.35) 61.5%, oklch(66.99% 0.1939 44.28) 64.1%, oklch(65.56% 0.1971 42.19) 66.7%, oklch(64.12% 0.2001 40.13) 69.2%, oklch(62.67% 0.1986 38.06) 71.8%, oklch(61.23% 0.1968 36.02) 74.4%, oklch(59.82% 0.1949 34.02) 76.9%, oklch(58.43% 0.1929 32.07) 79.5%, oklch(57.09% 0.1909 30.20) 82.1%, oklch(55.81% 0.1889 28.41) 84.6%, oklch(54.60% 0.1870 26.72) 87.2%, oklch(53.47% 0.1852 25.15) 89.7%, oklch(52.43% 0.1836 23.70) 92.3%, oklch(51.50% 0.1823 22.39) 94.9%, oklch(50.68% 0.1812 21.24) 97.4%, oklch(50.00% 0.1805 20.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.101 | 90 |
| 2 | 0.74 | 0.2 | 55.1 |
| 3 | 0.5 | 0.181 | 20.3 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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