# Rose, gold and teal spring palette

The Rose, gold and teal spring palette brings together red, gold, light green, 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: Pastel tritone pink, tan and teal radial gradient
- Seed: `kWrYMEX7BDmurxVmrsV3SLFA`
- Page: https://grabient.com/kWrYMEX7BDmurxVmrsV3SLFA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#f05f88` | `oklch(68.11% 0.1805 5.63)` | Watermelon Juice | black, 6.6 to 1 |
| 2 | `#f16385` | `oklch(68.66% 0.1764 7.97)` | Jellyfish Sting | black, 6.8 to 1 |
| 3 | `#f26882` | `oklch(69.38% 0.1706 10.99)` | Strawberry Pink | black, 7 to 1 |
| 4 | `#f36e7f` | `oklch(70.23% 0.1637 14.58)` | Strawberry Pink | black, 7.3 to 1 |
| 5 | `#f4757b` | `oklch(71.19% 0.1562 18.64)` | Momo Peach | black, 7.6 to 1 |
| 6 | `#f47c78` | `oklch(72.22% 0.1487 23.06)` | Meat | black, 7.9 to 1 |
| 7 | `#f58376` | `oklch(73.30% 0.1417 27.74)` | Coral Pink | black, 8.3 to 1 |
| 8 | `#f58a74` | `oklch(74.39% 0.1357 32.59)` | Corralize | black, 8.7 to 1 |
| 9 | `#f69071` | `oklch(75.47% 0.1313 37.51)` | Salmon Nigiri | black, 9.1 to 1 |
| 10 | `#f79770` | `oklch(76.73% 0.1280 42.75)` | Autumn Arrival | black, 9.6 to 1 |
| 11 | `#f99e6e` | `oklch(78.17% 0.1254 48.35)` | Burning Coals | black, 10.1 to 1 |
| 12 | `#faa66d` | `oklch(79.68% 0.1235 54.23)` | Trump Tan | black, 10.7 to 1 |
| 13 | `#fbae6c` | `oklch(81.16% 0.1221 60.29)` | Orange Marmalade | black, 11.3 to 1 |
| 14 | `#fbb66c` | `oklch(82.51% 0.1211 66.45)` | Mango Creamsicles | black, 11.9 to 1 |
| 15 | `#f9bc6c` | `oklch(83.62% 0.1204 72.63)` | California Peach | black, 12.4 to 1 |
| 16 | `#f6c26c` | `oklch(84.41% 0.1200 78.72)` | Hawker’s Gold | black, 12.8 to 1 |
| 17 | `#f1c76c` | `oklch(84.78% 0.1199 84.69)` | Butterblond | black, 13.1 to 1 |
| 18 | `#ebca6b` | `oklch(84.78% 0.1208 90.69)` | Bee Pollen | black, 13.1 to 1 |
| 19 | `#e3cc69` | `oklch(84.49% 0.1225 96.74)` | Sulphur Pit | black, 13.1 to 1 |
| 20 | `#d9ce68` | `oklch(83.97% 0.1245 102.82)` | Acacia | black, 12.9 to 1 |
| 21 | `#cfcf68` | `oklch(83.29% 0.1265 108.88)` | Force of Nature | black, 12.7 to 1 |
| 22 | `#c3d069` | `oklch(82.51% 0.1282 114.91)` | Sonic Lime | black, 12.5 to 1 |
| 23 | `#b7d06c` | `oklch(81.69% 0.1289 120.88)` | Fashion Green | black, 12.2 to 1 |
| 24 | `#abd072` | `oklch(80.90% 0.1285 126.76)` | Bilious Green | black, 11.9 to 1 |
| 25 | `#9ecf79` | `oklch(80.09% 0.1264 132.71)` | Greenscape | black, 11.6 to 1 |
| 26 | `#91ce81` | `oklch(79.11% 0.1228 139.06)` | Greek Garden | black, 11.3 to 1 |
| 27 | `#85cc89` | `oklch(78.01% 0.1181 145.58)` | De York | black, 10.9 to 1 |
| 28 | `#7ac990` | `oklch(76.87% 0.1128 151.99)` | Green Gala | black, 10.5 to 1 |
| 29 | `#71c596` | `oklch(75.74% 0.1074 158.06)` | Felt Green | black, 10.1 to 1 |
| 30 | `#6bc29b` | `oklch(74.71% 0.1023 163.51)` | Felt Green | black, 9.7 to 1 |
| 31 | `#66be9f` | `oklch(73.85% 0.0980 168.09)` | Peppermint Fresh | black, 9.4 to 1 |
| 32 | `#64bca1` | `oklch(73.23% 0.0951 171.53)` | Mint Cold Green | black, 9.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f05f88 0.0%, #f16385 3.2%, #f26882 6.5%, #f36e7f 9.7%, #f4757b 12.9%, #f47c78 16.1%, #f58376 19.4%, #f58a74 22.6%, #f69071 25.8%, #f79770 29.0%, #f99e6e 32.3%, #faa66d 35.5%, #fbae6c 38.7%, #fbb66c 41.9%, #f9bc6c 45.2%, #f6c26c 48.4%, #f1c76c 51.6%, #ebca6b 54.8%, #e3cc69 58.1%, #d9ce68 61.3%, #cfcf68 64.5%, #c3d069 67.7%, #b7d06c 71.0%, #abd072 74.2%, #9ecf79 77.4%, #91ce81 80.6%, #85cc89 83.9%, #7ac990 87.1%, #71c596 90.3%, #6bc29b 93.5%, #66be9f 96.8%, #64bca1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.1805 5.63) 0.0%, oklch(68.66% 0.1764 7.97) 3.2%, oklch(69.38% 0.1706 10.99) 6.5%, oklch(70.23% 0.1637 14.58) 9.7%, oklch(71.19% 0.1562 18.64) 12.9%, oklch(72.22% 0.1487 23.06) 16.1%, oklch(73.30% 0.1417 27.74) 19.4%, oklch(74.39% 0.1357 32.59) 22.6%, oklch(75.47% 0.1313 37.51) 25.8%, oklch(76.73% 0.1280 42.75) 29.0%, oklch(78.17% 0.1254 48.35) 32.3%, oklch(79.68% 0.1235 54.23) 35.5%, oklch(81.16% 0.1221 60.29) 38.7%, oklch(82.51% 0.1211 66.45) 41.9%, oklch(83.62% 0.1204 72.63) 45.2%, oklch(84.41% 0.1200 78.72) 48.4%, oklch(84.78% 0.1199 84.69) 51.6%, oklch(84.78% 0.1208 90.69) 54.8%, oklch(84.49% 0.1225 96.74) 58.1%, oklch(83.97% 0.1245 102.82) 61.3%, oklch(83.29% 0.1265 108.88) 64.5%, oklch(82.51% 0.1282 114.91) 67.7%, oklch(81.69% 0.1289 120.88) 71.0%, oklch(80.90% 0.1285 126.76) 74.2%, oklch(80.09% 0.1264 132.71) 77.4%, oklch(79.11% 0.1228 139.06) 80.6%, oklch(78.01% 0.1181 145.58) 83.9%, oklch(76.87% 0.1128 151.99) 87.1%, oklch(75.74% 0.1074 158.06) 90.3%, oklch(74.71% 0.1023 163.51) 93.5%, oklch(73.85% 0.0980 168.09) 96.8%, oklch(73.23% 0.0951 171.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.181 | 5.6 |
| 2 | 0.752 | 0.132 | 36.3 |
| 3 | 0.846 | 0.12 | 81.7 |
| 4 | 0.807 | 0.128 | 128.2 |
| 5 | 0.732 | 0.095 | 171.5 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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