# Gold, orange and rose summer palette

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

- Also called: Vivid tritone yellow, orange and pink linear gradient
- Seed: `kW8VxI8Dm-uO7PLVxbxzEW8w`
- Page: https://grabient.com/kW8VxI8Dm-uO7PLVxbxzEW8w?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#fff189` | `oklch(94.88% 0.1267 101.96)` | The First Daffodil | black, 18.2 to 1 |
| 2 | `#ffef84` | `oklch(94.37% 0.1295 101.23)` | Lemon Peel | black, 17.9 to 1 |
| 3 | `#feed7e` | `oklch(93.71% 0.1334 100.39)` | Lemon Peel | black, 17.6 to 1 |
| 4 | `#fee976` | `oklch(92.92% 0.1380 99.41)` | Hazelnut Turkish Delight | black, 17.1 to 1 |
| 5 | `#fee66c` | `oklch(92.03% 0.1430 98.23)` | Shandy | black, 16.6 to 1 |
| 6 | `#fee162` | `oklch(91.07% 0.1480 96.81)` | Primrose Path | black, 16.1 to 1 |
| 7 | `#fedd58` | `oklch(90.05% 0.1525 95.12)` | Glitter Is Not Gold | black, 15.6 to 1 |
| 8 | `#fed84d` | `oklch(88.99% 0.1564 93.12)` | Tuscan Sun | black, 15.1 to 1 |
| 9 | `#ffd244` | `oklch(87.92% 0.1590 90.76)` | Python Yellow | black, 14.5 to 1 |
| 10 | `#ffcc3f` | `oklch(86.79% 0.1588 87.94)` | Yellow Jacket | black, 13.9 to 1 |
| 11 | `#ffc63e` | `oklch(85.60% 0.1573 84.71)` | Sunny Festival | black, 13.4 to 1 |
| 12 | `#ffc03c` | `oklch(84.34% 0.1561 81.17)` | Vibrant Honey | black, 12.8 to 1 |
| 13 | `#ffb93a` | `oklch(83.05% 0.1556 77.41)` | Soft Boiled | black, 12.2 to 1 |
| 14 | `#ffb238` | `oklch(81.72% 0.1562 73.53)` | Corona | black, 11.6 to 1 |
| 15 | `#ffaa35` | `oklch(80.37% 0.1577 69.62)` | Bee Cluster | black, 11 to 1 |
| 16 | `#ffa332` | `oklch(79.02% 0.1603 65.78)` | Tamago Orange | black, 10.5 to 1 |
| 17 | `#ff9b2e` | `oklch(77.66% 0.1638 62.05)` | Deep Saffron | black, 9.9 to 1 |
| 18 | `#fe932d` | `oklch(76.23% 0.1671 58.27)` | Energy Orange | black, 9.4 to 1 |
| 19 | `#fe8a2b` | `oklch(74.75% 0.1711 54.41)` | Orange Avant-Garde | black, 8.8 to 1 |
| 20 | `#fd822b` | `oklch(73.25% 0.1756 50.51)` | Fluorescent Red Orange | black, 8.3 to 1 |
| 21 | `#fb792c` | `oklch(71.76% 0.1802 46.61)` | Royal Oranje | black, 7.8 to 1 |
| 22 | `#fa7030` | `oklch(70.30% 0.1845 42.74)` | Bright Orange | black, 7.4 to 1 |
| 23 | `#f86834` | `oklch(68.91% 0.1882 38.94)` | Halt and Catch Fire | black, 6.9 to 1 |
| 24 | `#f5603a` | `oklch(67.63% 0.1910 35.23)` | Vermilion Orange | black, 6.6 to 1 |
| 25 | `#f25941` | `oklch(66.43% 0.1927 31.53)` | Benihi Red | black, 6.2 to 1 |
| 26 | `#ef5348` | `oklch(65.25% 0.1935 27.62)` | Angry Flamingo | black, 5.9 to 1 |
| 27 | `#eb4d50` | `oklch(64.10% 0.1937 23.64)` | Fever | black, 5.7 to 1 |
| 28 | `#e64957` | `oklch(63.02% 0.1934 19.74)` | Tomato Sceptre | black, 5.4 to 1 |
| 29 | `#e2455d` | `oklch(62.03% 0.1929 16.06)` | Paradise Pink | black, 5.2 to 1 |
| 30 | `#de4263` | `oklch(61.15% 0.1923 12.77)` | Rouge Red | black, 5 to 1 |
| 31 | `#da3f67` | `oklch(60.42% 0.1917 10.00)` | Azalea | black, 4.8 to 1 |
| 32 | `#d73d6a` | `oklch(59.84% 0.1915 7.90)` | 1989 Miami Hotline | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #fff189 0.0%, #ffef84 3.2%, #feed7e 6.5%, #fee976 9.7%, #fee66c 12.9%, #fee162 16.1%, #fedd58 19.4%, #fed84d 22.6%, #ffd244 25.8%, #ffcc3f 29.0%, #ffc63e 32.3%, #ffc03c 35.5%, #ffb93a 38.7%, #ffb238 41.9%, #ffaa35 45.2%, #ffa332 48.4%, #ff9b2e 51.6%, #fe932d 54.8%, #fe8a2b 58.1%, #fd822b 61.3%, #fb792c 64.5%, #fa7030 67.7%, #f86834 71.0%, #f5603a 74.2%, #f25941 77.4%, #ef5348 80.6%, #eb4d50 83.9%, #e64957 87.1%, #e2455d 90.3%, #de4263 93.5%, #da3f67 96.8%, #d73d6a 100.0%);
background: linear-gradient(45deg in oklch, oklch(94.88% 0.1267 101.96) 0.0%, oklch(94.37% 0.1295 101.23) 3.2%, oklch(93.71% 0.1334 100.39) 6.5%, oklch(92.92% 0.1380 99.41) 9.7%, oklch(92.03% 0.1430 98.23) 12.9%, oklch(91.07% 0.1480 96.81) 16.1%, oklch(90.05% 0.1525 95.12) 19.4%, oklch(88.99% 0.1564 93.12) 22.6%, oklch(87.92% 0.1590 90.76) 25.8%, oklch(86.79% 0.1588 87.94) 29.0%, oklch(85.60% 0.1573 84.71) 32.3%, oklch(84.34% 0.1561 81.17) 35.5%, oklch(83.05% 0.1556 77.41) 38.7%, oklch(81.72% 0.1562 73.53) 41.9%, oklch(80.37% 0.1577 69.62) 45.2%, oklch(79.02% 0.1603 65.78) 48.4%, oklch(77.66% 0.1638 62.05) 51.6%, oklch(76.23% 0.1671 58.27) 54.8%, oklch(74.75% 0.1711 54.41) 58.1%, oklch(73.25% 0.1756 50.51) 61.3%, oklch(71.76% 0.1802 46.61) 64.5%, oklch(70.30% 0.1845 42.74) 67.7%, oklch(68.91% 0.1882 38.94) 71.0%, oklch(67.63% 0.1910 35.23) 74.2%, oklch(66.43% 0.1927 31.53) 77.4%, oklch(65.25% 0.1935 27.62) 80.6%, oklch(64.10% 0.1937 23.64) 83.9%, oklch(63.02% 0.1934 19.74) 87.1%, oklch(62.03% 0.1929 16.06) 90.3%, oklch(61.15% 0.1923 12.77) 93.5%, oklch(60.42% 0.1917 10.00) 96.8%, oklch(59.84% 0.1915 7.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.127 | 102 |
| 2 | 0.882 | 0.158 | 91.4 |
| 3 | 0.783 | 0.163 | 63.9 |
| 4 | 0.673 | 0.192 | 34.3 |
| 5 | 0.598 | 0.192 | 7.9 |

## In these collections

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

## Other forms

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