# Rose, orange and emerald summer palette

The Rose, orange and emerald summer palette brings together red, orange, gold, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is gold.

- Also called: Vivid tritone pink, peach and green radial gradient
- Seed: `kWq58H20FA2OvwpsN0j2bTDw`
- Page: https://grabient.com/kWq58H20FA2OvwpsN0j2bTDw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#fe4776` | `oklch(67.32% 0.2191 10.55)` | Infrared | black, 6.3 to 1 |
| 2 | `#fe4a76` | `oklch(67.65% 0.2160 11.03)` | Infrared | black, 6.4 to 1 |
| 3 | `#fe4e76` | `oklch(68.07% 0.2118 11.56)` | Love Red | black, 6.5 to 1 |
| 4 | `#fe5377` | `oklch(68.58% 0.2069 12.19)` | Fiery Rose | black, 6.7 to 1 |
| 5 | `#ff5878` | `oklch(69.14% 0.2014 12.96)` | Watermelon Candy | black, 6.9 to 1 |
| 6 | `#ff5e78` | `oklch(69.77% 0.1955 13.93)` | Watermelon Candy | black, 7 to 1 |
| 7 | `#ff6379` | `oklch(70.43% 0.1895 15.13)` | Kisses and Hugs | black, 7.3 to 1 |
| 8 | `#ff6979` | `oklch(71.12% 0.1833 16.61)` | Kisses and Hugs | black, 7.5 to 1 |
| 9 | `#ff6e78` | `oklch(71.83% 0.1766 18.41)` | Begonia | black, 7.7 to 1 |
| 10 | `#ff7479` | `oklch(72.60% 0.1699 20.10)` | Salmon Rose | black, 8 to 1 |
| 11 | `#ff7a7a` | `oklch(73.42% 0.1630 21.69)` | Forbidden Fruit | black, 8.3 to 1 |
| 12 | `#ff807b` | `oklch(74.29% 0.1560 23.45)` | Salmon Sashimi | black, 8.6 to 1 |
| 13 | `#ff867d` | `oklch(75.19% 0.1485 25.63)` | Orange Tea Rose | black, 8.9 to 1 |
| 14 | `#ff8c7d` | `oklch(76.10% 0.1417 28.47)` | Desert Flower | black, 9.2 to 1 |
| 15 | `#ff927c` | `oklch(77.02% 0.1360 32.23)` | Coralistic | black, 9.6 to 1 |
| 16 | `#ff9779` | `oklch(77.91% 0.1321 37.15)` | Flash in the Pan | black, 9.9 to 1 |
| 17 | `#ff9d74` | `oklch(78.82% 0.1298 43.61)` | Candyman | black, 10.3 to 1 |
| 18 | `#ffa56c` | `oklch(79.96% 0.1294 52.13)` | Baby Melon | black, 10.8 to 1 |
| 19 | `#ffad60` | `oklch(81.25% 0.1334 62.22)` | Dreamy Sunset | black, 11.3 to 1 |
| 20 | `#fbb756` | `oklch(82.56% 0.1371 73.26)` | Amber Yellow | black, 12 to 1 |
| 21 | `#f4c24f` | `oklch(83.74% 0.1413 84.63)` | Rayo de Sol | black, 12.6 to 1 |
| 22 | `#e9cb4d` | `oklch(84.65% 0.1455 95.69)` | Snake Eyes | black, 13.1 to 1 |
| 23 | `#dcd452` | `oklch(85.17% 0.1491 105.82)` | Matcha | black, 13.5 to 1 |
| 24 | `#ccd95a` | `oklch(85.14% 0.1513 114.39)` | Chinese Green | black, 13.6 to 1 |
| 25 | `#bddb61` | `oklch(84.41% 0.1520 121.24)` | June Bud | black, 13.4 to 1 |
| 26 | `#acd966` | `oklch(82.90% 0.1517 127.20)` | Last of Lettuce | black, 12.8 to 1 |
| 27 | `#9bd56a` | `oklch(80.85% 0.1509 132.38)` | Tropical Light | black, 12 to 1 |
| 28 | `#8acf6b` | `oklch(78.48% 0.1496 136.85)` | Bright Lettuce | black, 11.1 to 1 |
| 29 | `#7ac86c` | `oklch(76.03% 0.1481 140.67)` | Energise | black, 10.2 to 1 |
| 30 | `#6bc16b` | `oklch(73.72% 0.1467 143.92)` | Bermudagrass | black, 9.5 to 1 |
| 31 | `#5fbc6b` | `oklch(71.79% 0.1454 146.67)` | Emerald Cory | black, 8.8 to 1 |
| 32 | `#55b86c` | `oklch(70.47% 0.1447 148.98)` | Lawn Party | black, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fe4776 0.0%, #fe4a76 3.2%, #fe4e76 6.5%, #fe5377 9.7%, #ff5878 12.9%, #ff5e78 16.1%, #ff6379 19.4%, #ff6979 22.6%, #ff6e78 25.8%, #ff7479 29.0%, #ff7a7a 32.3%, #ff807b 35.5%, #ff867d 38.7%, #ff8c7d 41.9%, #ff927c 45.2%, #ff9779 48.4%, #ff9d74 51.6%, #ffa56c 54.8%, #ffad60 58.1%, #fbb756 61.3%, #f4c24f 64.5%, #e9cb4d 67.7%, #dcd452 71.0%, #ccd95a 74.2%, #bddb61 77.4%, #acd966 80.6%, #9bd56a 83.9%, #8acf6b 87.1%, #7ac86c 90.3%, #6bc16b 93.5%, #5fbc6b 96.8%, #55b86c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.2191 10.55) 0.0%, oklch(67.65% 0.2160 11.03) 3.2%, oklch(68.07% 0.2118 11.56) 6.5%, oklch(68.58% 0.2069 12.19) 9.7%, oklch(69.14% 0.2014 12.96) 12.9%, oklch(69.77% 0.1955 13.93) 16.1%, oklch(70.43% 0.1895 15.13) 19.4%, oklch(71.12% 0.1833 16.61) 22.6%, oklch(71.83% 0.1766 18.41) 25.8%, oklch(72.60% 0.1699 20.10) 29.0%, oklch(73.42% 0.1630 21.69) 32.3%, oklch(74.29% 0.1560 23.45) 35.5%, oklch(75.19% 0.1485 25.63) 38.7%, oklch(76.10% 0.1417 28.47) 41.9%, oklch(77.02% 0.1360 32.23) 45.2%, oklch(77.91% 0.1321 37.15) 48.4%, oklch(78.82% 0.1298 43.61) 51.6%, oklch(79.96% 0.1294 52.13) 54.8%, oklch(81.25% 0.1334 62.22) 58.1%, oklch(82.56% 0.1371 73.26) 61.3%, oklch(83.74% 0.1413 84.63) 64.5%, oklch(84.65% 0.1455 95.69) 67.7%, oklch(85.17% 0.1491 105.82) 71.0%, oklch(85.14% 0.1513 114.39) 74.2%, oklch(84.41% 0.1520 121.24) 77.4%, oklch(82.90% 0.1517 127.20) 80.6%, oklch(80.85% 0.1509 132.38) 83.9%, oklch(78.48% 0.1496 136.85) 87.1%, oklch(76.03% 0.1481 140.67) 90.3%, oklch(73.72% 0.1467 143.92) 93.5%, oklch(71.79% 0.1454 146.67) 96.8%, oklch(70.47% 0.1447 148.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.219 | 10.5 |
| 2 | 0.717 | 0.179 | 17.9 |
| 3 | 0.783 | 0.131 | 40.1 |
| 4 | 0.85 | 0.152 | 116.2 |
| 5 | 0.705 | 0.145 | 149 |

## In these collections

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

## Other forms

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