# Gold and crimson retro palette

The Gold and crimson retro palette brings together light yellow, gold, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits editorial layouts and period-inspired packaging. Its darkest tone is red, and its lightest tone is light yellow.

- Also called: Warm tan, olive, orange and maroon linear gradient
- Seed: `kW0CxB2S8_cmrwfRujgNqg-Y`
- Page: https://grabient.com/kW0CxB2S8_cmrwfRujgNqg-Y?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#d2c397` | `oklch(81.89% 0.0606 92.11)` | Cache of Camel | black, 12 to 1 |
| 2 | `#d0c090` | `oklch(80.95% 0.0667 91.62)` | Rainforest Fern | black, 11.6 to 1 |
| 3 | `#cfbb84` | `oklch(79.69% 0.0755 90.80)` | Independent Gold | black, 11.1 to 1 |
| 4 | `#cdb677` | `oklch(78.19% 0.0859 89.81)` | Autumn Wandering | black, 10.5 to 1 |
| 5 | `#ccb068` | `oklch(76.53% 0.0971 88.82)` | Filtered Rays | black, 9.9 to 1 |
| 6 | `#caa957` | `oklch(74.78% 0.1081 87.99)` | Glorious Gold | black, 9.3 to 1 |
| 7 | `#c7a347` | `oklch(73.01% 0.1179 87.49)` | Golden Touch | black, 8.7 to 1 |
| 8 | `#c49d36` | `oklch(71.29% 0.1257 87.48)` | Golden Mean | black, 8.1 to 1 |
| 9 | `#bf9828` | `oklch(69.68% 0.1304 88.15)` | Nugget Gold | black, 7.7 to 1 |
| 10 | `#b7941c` | `oklch(67.93% 0.1319 90.32)` | Faint Gold | black, 7.2 to 1 |
| 11 | `#ad9013` | `oklch(66.01% 0.1310 93.74)` | Manure | black, 6.7 to 1 |
| 12 | `#a28c10` | `oklch(64.04% 0.1285 97.74)` | Guava Green | black, 6.2 to 1 |
| 13 | `#978812` | `oklch(62.15% 0.1253 101.64)` | Quagmire Green | black, 5.8 to 1 |
| 14 | `#8d8515` | `oklch(60.46% 0.1221 104.77)` | Fickle Pickle | black, 5.4 to 1 |
| 15 | `#878115` | `oklch(59.08% 0.1198 106.45)` | Olive | black, 5.1 to 1 |
| 16 | `#847e11` | `oklch(58.14% 0.1193 106.02)` | Olive | black, 4.9 to 1 |
| 17 | `#887c01` | `oklch(57.81% 0.1212 102.75)` | Olive | black, 4.9 to 1 |
| 18 | `#907a00` | `oklch(58.35% 0.1201 96.33)` | Moscow Papyrus | black, 4.9 to 1 |
| 19 | `#9d7900` | `oklch(59.51% 0.1217 87.58)` | Yellowish Brown | black, 5.1 to 1 |
| 20 | `#ad7700` | `oklch(61.00% 0.1275 77.36)` | Falafel | black, 5.4 to 1 |
| 21 | `#be7400` | `oklch(62.54% 0.1386 66.56)` | Caramel Coating | black, 5.6 to 1 |
| 22 | `#cf6e0a` | `oklch(63.81% 0.1533 56.10)` | Autumn Maple | black, 5.9 to 1 |
| 23 | `#d96929` | `oklch(64.52% 0.1579 46.81)` | Hot Hazel | black, 6 to 1 |
| 24 | `#db653a` | `oklch(64.38% 0.1599 39.59)` | Bronzed | black, 5.9 to 1 |
| 25 | `#d85f42` | `oklch(63.11% 0.1584 34.81)` | Fireglow | black, 5.6 to 1 |
| 26 | `#ce5845` | `oklch(60.82% 0.1537 31.45)` | Bugman’s Glow | black, 5.1 to 1 |
| 27 | `#c15144` | `oklch(57.80% 0.1468 29.22)` | Sweet Baby Rose | white, 4.6 to 1 |
| 28 | `#b24a40` | `oklch(54.38% 0.1386 27.84)` | Teaberry Blossom | white, 5.3 to 1 |
| 29 | `#a3423b` | `oklch(50.86% 0.1299 27.05)` | Tomato Slices | white, 6.1 to 1 |
| 30 | `#953c36` | `oklch(47.57% 0.1217 26.57)` | Vermilion Seabass | white, 7 to 1 |
| 31 | `#893631` | `oklch(44.82% 0.1149 26.16)` | Kiriume Red | white, 7.9 to 1 |
| 32 | `#81322f` | `oklch(42.91% 0.1102 25.53)` | Dockside Red | white, 8.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d2c397 0.0%, #d0c090 3.2%, #cfbb84 6.5%, #cdb677 9.7%, #ccb068 12.9%, #caa957 16.1%, #c7a347 19.4%, #c49d36 22.6%, #bf9828 25.8%, #b7941c 29.0%, #ad9013 32.3%, #a28c10 35.5%, #978812 38.7%, #8d8515 41.9%, #878115 45.2%, #847e11 48.4%, #887c01 51.6%, #907a00 54.8%, #9d7900 58.1%, #ad7700 61.3%, #be7400 64.5%, #cf6e0a 67.7%, #d96929 71.0%, #db653a 74.2%, #d85f42 77.4%, #ce5845 80.6%, #c15144 83.9%, #b24a40 87.1%, #a3423b 90.3%, #953c36 93.5%, #893631 96.8%, #81322f 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.89% 0.0606 92.11) 0.0%, oklch(80.95% 0.0667 91.62) 3.2%, oklch(79.69% 0.0755 90.80) 6.5%, oklch(78.19% 0.0859 89.81) 9.7%, oklch(76.53% 0.0971 88.82) 12.9%, oklch(74.78% 0.1081 87.99) 16.1%, oklch(73.01% 0.1179 87.49) 19.4%, oklch(71.29% 0.1257 87.48) 22.6%, oklch(69.68% 0.1304 88.15) 25.8%, oklch(67.93% 0.1319 90.32) 29.0%, oklch(66.01% 0.1310 93.74) 32.3%, oklch(64.04% 0.1285 97.74) 35.5%, oklch(62.15% 0.1253 101.64) 38.7%, oklch(60.46% 0.1221 104.77) 41.9%, oklch(59.08% 0.1198 106.45) 45.2%, oklch(58.14% 0.1193 106.02) 48.4%, oklch(57.81% 0.1212 102.75) 51.6%, oklch(58.35% 0.1201 96.33) 54.8%, oklch(59.51% 0.1217 87.58) 58.1%, oklch(61.00% 0.1275 77.36) 61.3%, oklch(62.54% 0.1386 66.56) 64.5%, oklch(63.81% 0.1533 56.10) 67.7%, oklch(64.52% 0.1579 46.81) 71.0%, oklch(64.38% 0.1599 39.59) 74.2%, oklch(63.11% 0.1584 34.81) 77.4%, oklch(60.82% 0.1537 31.45) 80.6%, oklch(57.80% 0.1468 29.22) 83.9%, oklch(54.38% 0.1386 27.84) 87.1%, oklch(50.86% 0.1299 27.05) 90.3%, oklch(47.57% 0.1217 26.57) 93.5%, oklch(44.82% 0.1149 26.16) 96.8%, oklch(42.91% 0.1102 25.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.061 | 92.1 |
| 2 | 0.701 | 0.13 | 87.9 |
| 3 | 0.579 | 0.12 | 104.8 |
| 4 | 0.642 | 0.16 | 38.2 |
| 5 | 0.429 | 0.11 | 25.5 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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