# Gold, plum and navy sunset palette

The Gold, plum and navy sunset palette brings together light orange, orange, magenta, dark purple, and dark blue. 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 blue, and its lightest tone is light orange.

- Also called: Tan, red, purple and navy angular gradient
- Seed: `ka4FA8yba6iy9uyitrsnS885mkvYXGb4g`
- Page: https://grabient.com/ka4FA8yba6iy9uyitrsnS885mkvYXGb4g?style=angularGradient&steps=64&angle=205
- Drawn as: angular gradient, 64 steps, 205 degrees
- Kinds: light to dark, vivid, dark
- Hues: wide
- 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 | `#f9d380` | `oklch(88.19% 0.1102 85.08)` | Pixel Cream | black, 14.6 to 1 |
| 2 | `#f7cc79` | `oklch(86.45% 0.1126 82.50)` | Afternoon | black, 13.8 to 1 |
| 3 | `#f4c270` | `oklch(84.20% 0.1157 79.18)` | Hawker’s Gold | black, 12.8 to 1 |
| 4 | `#efb765` | `oklch(81.52% 0.1193 75.25)` | Buff Yellow | black, 11.6 to 1 |
| 5 | `#ebab59` | `oklch(78.52% 0.1235 70.85)` | Polished Gold | black, 10.4 to 1 |
| 6 | `#e59d4e` | `oklch(75.29% 0.1279 66.09)` | Sunflower Field | black, 9.2 to 1 |
| 7 | `#df8f44` | `oklch(71.93% 0.1324 61.13)` | Orange Drop | black, 8.1 to 1 |
| 8 | `#d9813b` | `oklch(68.55% 0.1369 56.08)` | Mexican Spirit | black, 7.1 to 1 |
| 9 | `#d27334` | `oklch(65.23% 0.1412 51.07)` | Mann Orange | black, 6.2 to 1 |
| 10 | `#cb662f` | `oklch(62.08% 0.1452 46.25)` | Winter Sunset | black, 5.4 to 1 |
| 11 | `#c45a2d` | `oklch(59.19% 0.1487 41.74)` | Grieving Daylily | black, 4.8 to 1 |
| 12 | `#be4f2c` | `oklch(56.61% 0.1516 37.61)` | Burnt Ochre | white, 4.8 to 1 |
| 13 | `#b7442c` | `oklch(54.09% 0.1544 33.62)` | Crimson Boy | white, 5.4 to 1 |
| 14 | `#b0392c` | `oklch(51.60% 0.1571 29.71)` | Rooibos Tea | white, 6 to 1 |
| 15 | `#a92e2c` | `oklch(49.15% 0.1596 25.86)` | Très Bien | white, 6.7 to 1 |
| 16 | `#a1232d` | `oklch(46.78% 0.1619 22.06)` | Haute Couture | white, 7.5 to 1 |
| 17 | `#9a162f` | `oklch(44.49% 0.1640 18.29)` | French Winery | white, 8.3 to 1 |
| 18 | `#930530` | `oklch(42.31% 0.1659 14.54)` | Lifeline | white, 9.1 to 1 |
| 19 | `#890033` | `oklch(40.27% 0.1610 10.83)` | Macabre | white, 9.9 to 1 |
| 20 | `#7f0035` | `oklch(38.36% 0.1537 7.09)` | Inescapable Lover | white, 10.7 to 1 |
| 21 | `#770037` | `oklch(36.62% 0.1475 3.32)` | Merlot | white, 11.4 to 1 |
| 22 | `#6f0038` | `oklch(35.06% 0.1423 359.52)` | Merlot | white, 12.1 to 1 |
| 23 | `#68003a` | `oklch(33.71% 0.1382 355.63)` | Spanish Purple | white, 12.7 to 1 |
| 24 | `#62003c` | `oklch(32.57% 0.1351 351.65)` | Tyrian Purple | white, 13.2 to 1 |
| 25 | `#5d003e` | `oklch(31.62% 0.1331 347.60)` | Mulberry Wood | white, 13.7 to 1 |
| 26 | `#580040` | `oklch(30.81% 0.1318 343.54)` | Royal Ash | white, 14 to 1 |
| 27 | `#540043` | `oklch(30.13% 0.1312 339.50)` | Royal Ash | white, 14.4 to 1 |
| 28 | `#500045` | `oklch(29.53% 0.1310 335.51)` | Royal Ash | white, 14.7 to 1 |
| 29 | `#4c0048` | `oklch(29.00% 0.1311 331.61)` | Alien Purple | white, 14.9 to 1 |
| 30 | `#49004a` | `oklch(28.50% 0.1313 327.85)` | Alien Purple | white, 15.2 to 1 |
| 31 | `#46004c` | `oklch(28.00% 0.1314 324.27)` | Jacarta | white, 15.4 to 1 |
| 32 | `#42004d` | `oklch(27.48% 0.1312 320.89)` | Ripe Plum | white, 15.6 to 1 |
| 33 | `#3e004e` | `oklch(26.91% 0.1307 317.76)` | Ripe Plum | white, 15.9 to 1 |
| 34 | `#3b004f` | `oklch(26.38% 0.1300 314.84)` | Romanic Scene | white, 16.1 to 1 |
| 35 | `#38004f` | `oklch(25.89% 0.1295 312.11)` | Hollow Knight | white, 16.4 to 1 |
| 36 | `#35004f` | `oklch(25.43% 0.1290 309.53)` | Hollow Knight | white, 16.6 to 1 |
| 37 | `#320050` | `oklch(25.01% 0.1285 307.09)` | Hollow Knight | white, 16.7 to 1 |
| 38 | `#300050` | `oklch(24.62% 0.1280 304.76)` | Hollow Knight | white, 16.9 to 1 |
| 39 | `#2d0050` | `oklch(24.25% 0.1277 302.51)` | Hollow Knight | white, 17.1 to 1 |
| 40 | `#2b0050` | `oklch(23.89% 0.1273 300.33)` | Hollow Knight | white, 17.2 to 1 |
| 41 | `#280050` | `oklch(23.55% 0.1270 298.18)` | Crowberry | white, 17.3 to 1 |
| 42 | `#260050` | `oklch(23.21% 0.1267 296.04)` | Crowberry | white, 17.5 to 1 |
| 43 | `#240050` | `oklch(22.88% 0.1264 293.89)` | Crowberry | white, 17.6 to 1 |
| 44 | `#210050` | `oklch(22.55% 0.1262 291.75)` | Crowberry | white, 17.7 to 1 |
| 45 | `#1f014f` | `oklch(22.20% 0.1246 289.73)` | Crowberry | white, 17.8 to 1 |
| 46 | `#1c024e` | `oklch(21.91% 0.1219 287.69)` | Magic Whale | white, 17.9 to 1 |
| 47 | `#1a034c` | `oklch(21.63% 0.1192 285.69)` | Magic Whale | white, 18 to 1 |
| 48 | `#18044b` | `oklch(21.37% 0.1164 283.74)` | Magic Whale | white, 18.1 to 1 |
| 49 | `#16054a` | `oklch(21.12% 0.1135 281.84)` | Magic Whale | white, 18.1 to 1 |
| 50 | `#130748` | `oklch(20.88% 0.1106 279.99)` | Silent Twilight | white, 18.2 to 1 |
| 51 | `#110846` | `oklch(20.65% 0.1078 278.19)` | Silent Twilight | white, 18.2 to 1 |
| 52 | `#0f0945` | `oklch(20.42% 0.1049 276.43)` | Silent Twilight | white, 18.3 to 1 |
| 53 | `#0d0a43` | `oklch(20.19% 0.1020 274.72)` | Silent Twilight | white, 18.4 to 1 |
| 54 | `#0b0b41` | `oklch(19.97% 0.0991 273.05)` | Deep Cove | white, 18.4 to 1 |
| 55 | `#090b40` | `oklch(19.74% 0.0961 271.36)` | Deep Cove | white, 18.5 to 1 |
| 56 | `#070c3e` | `oklch(19.51% 0.0928 269.68)` | Deep Cove | white, 18.5 to 1 |
| 57 | `#050d3c` | `oklch(19.29% 0.0895 268.01)` | Deep Cove | white, 18.6 to 1 |
| 58 | `#040e3a` | `oklch(19.08% 0.0861 266.40)` | Infinite Night | white, 18.6 to 1 |
| 59 | `#030e38` | `oklch(18.87% 0.0828 264.85)` | Infinite Night | white, 18.6 to 1 |
| 60 | `#020f36` | `oklch(18.68% 0.0797 263.41)` | Infinite Night | white, 18.7 to 1 |
| 61 | `#010f34` | `oklch(18.51% 0.0768 262.08)` | Infinite Night | white, 18.7 to 1 |
| 62 | `#010f32` | `oklch(18.35% 0.0742 260.91)` | Infinite Night | white, 18.8 to 1 |
| 63 | `#000f31` | `oklch(18.22% 0.0720 259.90)` | Squid’s Ink | white, 18.8 to 1 |
| 64 | `#000f30` | `oklch(18.11% 0.0703 259.09)` | Squid’s Ink | white, 18.8 to 1 |

## CSS

```css
background: conic-gradient(from 205deg, #f9d380 0.0%, #f7cc79 1.6%, #f4c270 3.2%, #efb765 4.8%, #ebab59 6.3%, #e59d4e 7.9%, #df8f44 9.5%, #d9813b 11.1%, #d27334 12.7%, #cb662f 14.3%, #c45a2d 15.9%, #be4f2c 17.5%, #b7442c 19.0%, #b0392c 20.6%, #a92e2c 22.2%, #a1232d 23.8%, #9a162f 25.4%, #930530 27.0%, #890033 28.6%, #7f0035 30.2%, #770037 31.7%, #6f0038 33.3%, #68003a 34.9%, #62003c 36.5%, #5d003e 38.1%, #580040 39.7%, #540043 41.3%, #500045 42.9%, #4c0048 44.4%, #49004a 46.0%, #46004c 47.6%, #42004d 49.2%, #3e004e 50.8%, #3b004f 52.4%, #38004f 54.0%, #35004f 55.6%, #320050 57.1%, #300050 58.7%, #2d0050 60.3%, #2b0050 61.9%, #280050 63.5%, #260050 65.1%, #240050 66.7%, #210050 68.3%, #1f014f 69.8%, #1c024e 71.4%, #1a034c 73.0%, #18044b 74.6%, #16054a 76.2%, #130748 77.8%, #110846 79.4%, #0f0945 81.0%, #0d0a43 82.5%, #0b0b41 84.1%, #090b40 85.7%, #070c3e 87.3%, #050d3c 88.9%, #040e3a 90.5%, #030e38 92.1%, #020f36 93.7%, #010f34 95.2%, #010f32 96.8%, #000f31 98.4%, #000f30 100.0%);
background: conic-gradient(from 205deg in oklch, oklch(88.19% 0.1102 85.08) 0.0%, oklch(86.45% 0.1126 82.50) 1.6%, oklch(84.20% 0.1157 79.18) 3.2%, oklch(81.52% 0.1193 75.25) 4.8%, oklch(78.52% 0.1235 70.85) 6.3%, oklch(75.29% 0.1279 66.09) 7.9%, oklch(71.93% 0.1324 61.13) 9.5%, oklch(68.55% 0.1369 56.08) 11.1%, oklch(65.23% 0.1412 51.07) 12.7%, oklch(62.08% 0.1452 46.25) 14.3%, oklch(59.19% 0.1487 41.74) 15.9%, oklch(56.61% 0.1516 37.61) 17.5%, oklch(54.09% 0.1544 33.62) 19.0%, oklch(51.60% 0.1571 29.71) 20.6%, oklch(49.15% 0.1596 25.86) 22.2%, oklch(46.78% 0.1619 22.06) 23.8%, oklch(44.49% 0.1640 18.29) 25.4%, oklch(42.31% 0.1659 14.54) 27.0%, oklch(40.27% 0.1610 10.83) 28.6%, oklch(38.36% 0.1537 7.09) 30.2%, oklch(36.62% 0.1475 3.32) 31.7%, oklch(35.06% 0.1423 359.52) 33.3%, oklch(33.71% 0.1382 355.63) 34.9%, oklch(32.57% 0.1351 351.65) 36.5%, oklch(31.62% 0.1331 347.60) 38.1%, oklch(30.81% 0.1318 343.54) 39.7%, oklch(30.13% 0.1312 339.50) 41.3%, oklch(29.53% 0.1310 335.51) 42.9%, oklch(29.00% 0.1311 331.61) 44.4%, oklch(28.50% 0.1313 327.85) 46.0%, oklch(28.00% 0.1314 324.27) 47.6%, oklch(27.48% 0.1312 320.89) 49.2%, oklch(26.91% 0.1307 317.76) 50.8%, oklch(26.38% 0.1300 314.84) 52.4%, oklch(25.89% 0.1295 312.11) 54.0%, oklch(25.43% 0.1290 309.53) 55.6%, oklch(25.01% 0.1285 307.09) 57.1%, oklch(24.62% 0.1280 304.76) 58.7%, oklch(24.25% 0.1277 302.51) 60.3%, oklch(23.89% 0.1273 300.33) 61.9%, oklch(23.55% 0.1270 298.18) 63.5%, oklch(23.21% 0.1267 296.04) 65.1%, oklch(22.88% 0.1264 293.89) 66.7%, oklch(22.55% 0.1262 291.75) 68.3%, oklch(22.20% 0.1246 289.73) 69.8%, oklch(21.91% 0.1219 287.69) 71.4%, oklch(21.63% 0.1192 285.69) 73.0%, oklch(21.37% 0.1164 283.74) 74.6%, oklch(21.12% 0.1135 281.84) 76.2%, oklch(20.88% 0.1106 279.99) 77.8%, oklch(20.65% 0.1078 278.19) 79.4%, oklch(20.42% 0.1049 276.43) 81.0%, oklch(20.19% 0.1020 274.72) 82.5%, oklch(19.97% 0.0991 273.05) 84.1%, oklch(19.74% 0.0961 271.36) 85.7%, oklch(19.51% 0.0928 269.68) 87.3%, oklch(19.29% 0.0895 268.01) 88.9%, oklch(19.08% 0.0861 266.40) 90.5%, oklch(18.87% 0.0828 264.85) 92.1%, oklch(18.68% 0.0797 263.41) 93.7%, oklch(18.51% 0.0768 262.08) 95.2%, oklch(18.35% 0.0742 260.91) 96.8%, oklch(18.22% 0.0720 259.90) 98.4%, oklch(18.11% 0.0703 259.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.11 | 85.1 |
| 2 | 0.579 | 0.15 | 39.6 |
| 3 | 0.35 | 0.169 | -0.5 |
| 4 | 0.272 | 0.15 | -40.7 |
| 5 | 0.228 | 0.13 | -66 |
| 6 | 0.201 | 0.101 | -86.1 |
| 7 | 0.181 | 0.07 | -100.9 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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