# Gold, orange and crimson summer palette

The Gold, orange and crimson summer palette brings together light orange, orange, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Vivid analogous peach to maroon radial gradient
- Seed: `kW4Us4ZS6-Fe3vdItb5OSQ9Q`
- Page: https://grabient.com/kW4Us4ZS6-Fe3vdItb5OSQ9Q?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.5 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 | `#ffd289` | `oklch(88.58% 0.1033 78.75)` | Honey Bird | black, 14.7 to 1 |
| 2 | `#fecf86` | `oklch(87.87% 0.1053 77.50)` | Equatorial | black, 14.4 to 1 |
| 3 | `#fdca81` | `oklch(86.93% 0.1080 75.84)` | Orange Glass | black, 13.9 to 1 |
| 4 | `#fcc57b` | `oklch(85.81% 0.1111 73.86)` | Uldum Beige | black, 13.4 to 1 |
| 5 | `#fbc075` | `oklch(84.56% 0.1146 71.66)` | Zing | black, 12.8 to 1 |
| 6 | `#faba6f` | `oklch(83.22% 0.1183 69.32)` | Halcyon Days | black, 12.2 to 1 |
| 7 | `#f9b469` | `oklch(81.86% 0.1221 66.93)` | Ripe Cantaloupe | black, 11.7 to 1 |
| 8 | `#f7ad63` | `oklch(80.50% 0.1256 64.58)` | Blazing Autumn | black, 11.1 to 1 |
| 9 | `#f6a85e` | `oklch(79.21% 0.1290 62.35)` | Candied Yams | black, 10.6 to 1 |
| 10 | `#f4a159` | `oklch(77.92% 0.1325 60.07)` | Sandy Brown | black, 10.1 to 1 |
| 11 | `#f39b54` | `oklch(76.59% 0.1363 57.71)` | Fading Torch | black, 9.6 to 1 |
| 12 | `#f2954f` | `oklch(75.24% 0.1401 55.30)` | Toucan | black, 9.1 to 1 |
| 13 | `#f08e4b` | `oklch(73.87% 0.1438 52.88)` | Melon Orange | black, 8.6 to 1 |
| 14 | `#ee8848` | `oklch(72.47% 0.1472 50.49)` | Zodiac Constellation | black, 8.2 to 1 |
| 15 | `#eb8145` | `oklch(71.05% 0.1501 48.18)` | Muskmelon | black, 7.7 to 1 |
| 16 | `#e87b43` | `oklch(69.62% 0.1522 45.98)` | Salsa Sizzle | black, 7.3 to 1 |
| 17 | `#e57541` | `oklch(68.17% 0.1535 43.94)` | Camel Red | black, 6.9 to 1 |
| 18 | `#e06f40` | `oklch(66.69% 0.1544 42.14)` | Knockout Orange | black, 6.5 to 1 |
| 19 | `#dc693e` | `oklch(65.19% 0.1549 40.49)` | Bonfire Night | black, 6.1 to 1 |
| 20 | `#d7643d` | `oklch(63.67% 0.1549 38.92)` | Flint Corn Red | black, 5.7 to 1 |
| 21 | `#d25f3c` | `oklch(62.13% 0.1543 37.34)` | Sweet Mandarin | black, 5.4 to 1 |
| 22 | `#cc5a3c` | `oklch(60.58% 0.1531 35.68)` | Grand Duke | black, 5 to 1 |
| 23 | `#c7553c` | `oklch(59.03% 0.1511 33.85)` | Cinnamon Stone | black, 4.7 to 1 |
| 24 | `#c0503d` | `oklch(57.47% 0.1483 31.76)` | Sweet Baby Rose | white, 4.6 to 1 |
| 25 | `#b94c3f` | `oklch(55.87% 0.1443 29.29)` | Conker | white, 5 to 1 |
| 26 | `#b14842` | `oklch(54.12% 0.1385 26.32)` | Teaberry Blossom | white, 5.3 to 1 |
| 27 | `#a84544` | `oklch(52.29% 0.1315 23.04)` | Daredevil | white, 5.8 to 1 |
| 28 | `#9f4247` | `oklch(50.47% 0.1239 19.66)` | Charleston Cherry | white, 6.2 to 1 |
| 29 | `#964048` | `oklch(48.74% 0.1163 16.37)` | Classic Cherry | white, 6.7 to 1 |
| 30 | `#8e3e49` | `oklch(47.17% 0.1093 13.36)` | Luscious | white, 7.1 to 1 |
| 31 | `#873c49` | `oklch(45.86% 0.1034 10.84)` | Burnt Russet | white, 7.5 to 1 |
| 32 | `#823b49` | `oklch(44.88% 0.0992 9.00)` | Camelot | white, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffd289 0.0%, #fecf86 3.2%, #fdca81 6.5%, #fcc57b 9.7%, #fbc075 12.9%, #faba6f 16.1%, #f9b469 19.4%, #f7ad63 22.6%, #f6a85e 25.8%, #f4a159 29.0%, #f39b54 32.3%, #f2954f 35.5%, #f08e4b 38.7%, #ee8848 41.9%, #eb8145 45.2%, #e87b43 48.4%, #e57541 51.6%, #e06f40 54.8%, #dc693e 58.1%, #d7643d 61.3%, #d25f3c 64.5%, #cc5a3c 67.7%, #c7553c 71.0%, #c0503d 74.2%, #b94c3f 77.4%, #b14842 80.6%, #a84544 83.9%, #9f4247 87.1%, #964048 90.3%, #8e3e49 93.5%, #873c49 96.8%, #823b49 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.58% 0.1033 78.75) 0.0%, oklch(87.87% 0.1053 77.50) 3.2%, oklch(86.93% 0.1080 75.84) 6.5%, oklch(85.81% 0.1111 73.86) 9.7%, oklch(84.56% 0.1146 71.66) 12.9%, oklch(83.22% 0.1183 69.32) 16.1%, oklch(81.86% 0.1221 66.93) 19.4%, oklch(80.50% 0.1256 64.58) 22.6%, oklch(79.21% 0.1290 62.35) 25.8%, oklch(77.92% 0.1325 60.07) 29.0%, oklch(76.59% 0.1363 57.71) 32.3%, oklch(75.24% 0.1401 55.30) 35.5%, oklch(73.87% 0.1438 52.88) 38.7%, oklch(72.47% 0.1472 50.49) 41.9%, oklch(71.05% 0.1501 48.18) 45.2%, oklch(69.62% 0.1522 45.98) 48.4%, oklch(68.17% 0.1535 43.94) 51.6%, oklch(66.69% 0.1544 42.14) 54.8%, oklch(65.19% 0.1549 40.49) 58.1%, oklch(63.67% 0.1549 38.92) 61.3%, oklch(62.13% 0.1543 37.34) 64.5%, oklch(60.58% 0.1531 35.68) 67.7%, oklch(59.03% 0.1511 33.85) 71.0%, oklch(57.47% 0.1483 31.76) 74.2%, oklch(55.87% 0.1443 29.29) 77.4%, oklch(54.12% 0.1385 26.32) 80.6%, oklch(52.29% 0.1315 23.04) 83.9%, oklch(50.47% 0.1239 19.66) 87.1%, oklch(48.74% 0.1163 16.37) 90.3%, oklch(47.17% 0.1093 13.36) 93.5%, oklch(45.86% 0.1034 10.84) 96.8%, oklch(44.88% 0.0992 9.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.103 | 78.8 |
| 2 | 0.795 | 0.128 | 62.9 |
| 3 | 0.689 | 0.153 | 44.9 |
| 4 | 0.571 | 0.147 | 31.2 |
| 5 | 0.449 | 0.099 | 9 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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