# Gold, wine and violet cyberpunk palette

The Gold, wine and violet cyberpunk palette brings together gold, orange, dark magenta, dark purple, and purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark magenta, and its lightest tone is gold.

- Also called: Orange, brown, black and purple linear gradient
- Seed: `kY3WY927s8jqrPibEjaJjC8r9OwC`
- Page: https://grabient.com/kY3WY927s8jqrPibEjaJjC8r9OwC?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 12.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 | `#fdcd5b` | `oklch(87.01% 0.1406 86.48)` | Casandora Yellow | black, 14 to 1 |
| 2 | `#fdc653` | `oklch(85.56% 0.1436 83.35)` | Golden Promise | black, 13.4 to 1 |
| 3 | `#fdbd47` | `oklch(83.68% 0.1484 78.91)` | Pale Marigold | black, 12.5 to 1 |
| 4 | `#fdb13b` | `oklch(81.40% 0.1538 73.69)` | Ripe Pumpkin | black, 11.5 to 1 |
| 5 | `#fba42f` | `oklch(78.78% 0.1588 68.22)` | Carona | black, 10.4 to 1 |
| 6 | `#f79626` | `oklch(75.86% 0.1622 63.04)` | Miami Marmalade | black, 9.3 to 1 |
| 7 | `#f08921` | `oklch(72.70% 0.1629 58.68)` | Mimolette Orange | black, 8.3 to 1 |
| 8 | `#e57d1e` | `oklch(69.23% 0.1603 55.84)` | First of Fall | black, 7.2 to 1 |
| 9 | `#d67117` | `oklch(65.27% 0.1554 54.58)` | Marmalade | black, 6.2 to 1 |
| 10 | `#c5650e` | `oklch(60.99% 0.1486 53.94)` | Alloy Orange | black, 5.2 to 1 |
| 11 | `#b45a09` | `oklch(56.54% 0.1404 52.94)` | Elm Brown Red | white, 4.7 to 1 |
| 12 | `#a24e0c` | `oklch(52.07% 0.1314 50.59)` | Ancient Bronze | white, 5.7 to 1 |
| 13 | `#924214` | `oklch(47.73% 0.1222 45.91)` | Korichnewyi Brown | white, 6.9 to 1 |
| 14 | `#83361e` | `oklch(43.47% 0.1122 37.81)` | Kofta Brown | white, 8.3 to 1 |
| 15 | `#702b27` | `oklch(38.75% 0.0987 26.00)` | Woody Brown | white, 10.1 to 1 |
| 16 | `#5b222c` | `oklch(33.87% 0.0836 11.83)` | Burnt Crimson | white, 12.3 to 1 |
| 17 | `#461b2c` | `oklch(29.24% 0.0690 356.77)` | Blackberry | white, 14.4 to 1 |
| 18 | `#34162a` | `oklch(25.25% 0.0571 342.27)` | Nightly Voyager | white, 16.2 to 1 |
| 19 | `#281226` | `oklch(22.33% 0.0503 329.80)` | Inside | white, 17.4 to 1 |
| 20 | `#220f26` | `oklch(20.85% 0.0507 320.61)` | Inside | white, 18 to 1 |
| 21 | `#210e2a` | `oklch(20.73% 0.0583 313.61)` | Blacklist | white, 18 to 1 |
| 22 | `#230e32` | `oklch(21.67% 0.0711 308.14)` | Blacklist | white, 17.7 to 1 |
| 23 | `#270f3e` | `oklch(23.39% 0.0872 303.93)` | Shadow Planet | white, 17.1 to 1 |
| 24 | `#2d104c` | `oklch(25.60% 0.1048 300.69)` | Oily Purple | white, 16.2 to 1 |
| 25 | `#32125b` | `oklch(28.02% 0.1218 298.15)` | Wicked Purple | white, 15.2 to 1 |
| 26 | `#38146a` | `oklch(30.40% 0.1364 296.05)` | Candied Blueberry | white, 14.2 to 1 |
| 27 | `#3f1879` | `oklch(33.33% 0.1510 295.00)` | Explorer of the Galaxies | white, 12.9 to 1 |
| 28 | `#4a1e8b` | `oklch(36.89% 0.1665 295.08)` | Occult | white, 11.3 to 1 |
| 29 | `#56249e` | `oklch(40.68% 0.1817 295.86)` | Eine Kleine Nachtmusik | white, 9.8 to 1 |
| 30 | `#632aaf` | `oklch(44.32% 0.1958 296.97)` | Rabbit-Ear Iris | white, 8.4 to 1 |
| 31 | `#6e2fbe` | `oklch(47.43% 0.2077 298.00)` | Purple Emperor | white, 7.4 to 1 |
| 32 | `#7632c9` | `oklch(49.61% 0.2163 298.54)` | Puissant Purple | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fdcd5b 0.0%, #fdc653 3.2%, #fdbd47 6.5%, #fdb13b 9.7%, #fba42f 12.9%, #f79626 16.1%, #f08921 19.4%, #e57d1e 22.6%, #d67117 25.8%, #c5650e 29.0%, #b45a09 32.3%, #a24e0c 35.5%, #924214 38.7%, #83361e 41.9%, #702b27 45.2%, #5b222c 48.4%, #461b2c 51.6%, #34162a 54.8%, #281226 58.1%, #220f26 61.3%, #210e2a 64.5%, #230e32 67.7%, #270f3e 71.0%, #2d104c 74.2%, #32125b 77.4%, #38146a 80.6%, #3f1879 83.9%, #4a1e8b 87.1%, #56249e 90.3%, #632aaf 93.5%, #6e2fbe 96.8%, #7632c9 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.01% 0.1406 86.48) 0.0%, oklch(85.56% 0.1436 83.35) 3.2%, oklch(83.68% 0.1484 78.91) 6.5%, oklch(81.40% 0.1538 73.69) 9.7%, oklch(78.78% 0.1588 68.22) 12.9%, oklch(75.86% 0.1622 63.04) 16.1%, oklch(72.70% 0.1629 58.68) 19.4%, oklch(69.23% 0.1603 55.84) 22.6%, oklch(65.27% 0.1554 54.58) 25.8%, oklch(60.99% 0.1486 53.94) 29.0%, oklch(56.54% 0.1404 52.94) 32.3%, oklch(52.07% 0.1314 50.59) 35.5%, oklch(47.73% 0.1222 45.91) 38.7%, oklch(43.47% 0.1122 37.81) 41.9%, oklch(38.75% 0.0987 26.00) 45.2%, oklch(33.87% 0.0836 11.83) 48.4%, oklch(29.24% 0.0690 356.77) 51.6%, oklch(25.25% 0.0571 342.27) 54.8%, oklch(22.33% 0.0503 329.80) 58.1%, oklch(20.85% 0.0507 320.61) 61.3%, oklch(20.73% 0.0583 313.61) 64.5%, oklch(21.67% 0.0711 308.14) 67.7%, oklch(23.39% 0.0872 303.93) 71.0%, oklch(25.60% 0.1048 300.69) 74.2%, oklch(28.02% 0.1218 298.15) 77.4%, oklch(30.40% 0.1364 296.05) 80.6%, oklch(33.33% 0.1510 295.00) 83.9%, oklch(36.89% 0.1665 295.08) 87.1%, oklch(40.68% 0.1817 295.86) 90.3%, oklch(44.32% 0.1958 296.97) 93.5%, oklch(47.43% 0.2077 298.00) 96.8%, oklch(49.61% 0.2163 298.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.141 | 86.5 |
| 2 | 0.72 | 0.163 | 58 |
| 3 | 0.461 | 0.119 | 43.2 |
| 4 | 0.213 | 0.05 | -36.1 |
| 5 | 0.299 | 0.134 | -63.6 |
| 6 | 0.496 | 0.216 | -61.5 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)

## Other forms

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