# Vivid peach, pink and purple linear swatches

Vivid peach, pink and purple linear swatches with 32 colors: #feb08a, #feac8a, #fea889, #fea389, #fd9d8a, #fc978b, #fb918c, #f98a8d, #f8858e, #f77f8e, #f7798e, #f7728e, #f76b8d, #f6648d, #f35d8c, #f0578b, #ea518a, #e34c87, #db4884, #d24480, #c8407b, #be3c77, #b53972, #ac356e, #a3316a, #9a2c66, #912862, #88245d, #7f1f59, #781c55, #711952, #6d164f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0UwhXzK8dTGPjBuz8LzC-w`
- Page: https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.2 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 | `#feb08a` | `oklch(82.28% 0.1047 46.41)` | Spice Pink | black, 11.7 to 1 |
| 2 | `#feac8a` | `oklch(81.69% 0.1073 43.93)` | Sunset Over the Alps | black, 11.5 to 1 |
| 3 | `#fea889` | `oklch(80.90% 0.1107 40.51)` | Super Sepia | black, 11.1 to 1 |
| 4 | `#fea389` | `oklch(79.97% 0.1147 36.42)` | Tangerine Cream | black, 10.7 to 1 |
| 5 | `#fd9d8a` | `oklch(78.93% 0.1192 31.97)` | Peach’s Daydream | black, 10.3 to 1 |
| 6 | `#fc978b` | `oklch(77.82% 0.1241 27.43)` | Lolly | black, 9.9 to 1 |
| 7 | `#fb918c` | `oklch(76.69% 0.1294 23.08)` | Cherished One | black, 9.4 to 1 |
| 8 | `#f98a8d` | `oklch(75.59% 0.1349 19.22)` | Vinaceous Cinnamon | black, 9 to 1 |
| 9 | `#f8858e` | `oklch(74.55% 0.1407 16.11)` | Camaron Pink | black, 8.7 to 1 |
| 10 | `#f77f8e` | `oklch(73.59% 0.1477 13.51)` | Camaron Pink | black, 8.3 to 1 |
| 11 | `#f7798e` | `oklch(72.66% 0.1559 11.22)` | Carnation | black, 8 to 1 |
| 12 | `#f7728e` | `oklch(71.73% 0.1646 9.19)` | Pink Explosion | black, 7.7 to 1 |
| 13 | `#f76b8d` | `oklch(70.77% 0.1733 7.37)` | Rosy Pink | black, 7.4 to 1 |
| 14 | `#f6648d` | `oklch(69.73% 0.1811 5.73)` | Rosy Pink | black, 7.1 to 1 |
| 15 | `#f35d8c` | `oklch(68.57% 0.1875 4.20)` | Watermelon Juice | black, 6.7 to 1 |
| 16 | `#f0578b` | `oklch(67.26% 0.1918 2.74)` | Power Peony | black, 6.4 to 1 |
| 17 | `#ea518a` | `oklch(65.76% 0.1933 1.34)` | Hindu Lotus | black, 6 to 1 |
| 18 | `#e34c87` | `oklch(64.06% 0.1923 0.16)` | Fandango Pink | black, 5.6 to 1 |
| 19 | `#db4884` | `oklch(62.19% 0.1893 359.16)` | Pickled Pink | black, 5.2 to 1 |
| 20 | `#d24480` | `oklch(60.21% 0.1849 358.30)` | Jaipur Pink | black, 4.8 to 1 |
| 21 | `#c8407b` | `oklch(58.16% 0.1795 357.50)` | Fuchsia Rose | white, 4.6 to 1 |
| 22 | `#be3c77` | `oklch(56.09% 0.1738 356.71)` | Razzle Dazzle | white, 5.1 to 1 |
| 23 | `#b53972` | `oklch(54.04% 0.1683 355.86)` | Fiery Fuchsia | white, 5.5 to 1 |
| 24 | `#ac356e` | `oklch(52.05% 0.1636 354.89)` | Rich Maroon | white, 6 to 1 |
| 25 | `#a3316a` | `oklch(50.09% 0.1596 353.75)` | Amaranth Deep Purple | white, 6.5 to 1 |
| 26 | `#9a2c66` | `oklch(47.97% 0.1554 352.43)` | Magenta Manicure | white, 7.1 to 1 |
| 27 | `#912862` | `oklch(45.79% 0.1511 351.02)` | Beetiful Magenta | white, 7.8 to 1 |
| 28 | `#88245d` | `oklch(43.62% 0.1468 349.59)` | Dark Raspberry | white, 8.5 to 1 |
| 29 | `#7f1f59` | `oklch(41.57% 0.1427 348.20)` | Smooch | white, 9.3 to 1 |
| 30 | `#781c55` | `oklch(39.72% 0.1390 346.95)` | Smooch | white, 10 to 1 |
| 31 | `#711952` | `oklch(38.17% 0.1360 345.89)` | Velvet | white, 10.7 to 1 |
| 32 | `#6d164f` | `oklch(37.01% 0.1337 345.11)` | Velvet | white, 11.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #feb08a 0.000% 3.125%, #feac8a 3.125% 6.250%, #fea889 6.250% 9.375%, #fea389 9.375% 12.500%, #fd9d8a 12.500% 15.625%, #fc978b 15.625% 18.750%, #fb918c 18.750% 21.875%, #f98a8d 21.875% 25.000%, #f8858e 25.000% 28.125%, #f77f8e 28.125% 31.250%, #f7798e 31.250% 34.375%, #f7728e 34.375% 37.500%, #f76b8d 37.500% 40.625%, #f6648d 40.625% 43.750%, #f35d8c 43.750% 46.875%, #f0578b 46.875% 50.000%, #ea518a 50.000% 53.125%, #e34c87 53.125% 56.250%, #db4884 56.250% 59.375%, #d24480 59.375% 62.500%, #c8407b 62.500% 65.625%, #be3c77 65.625% 68.750%, #b53972 68.750% 71.875%, #ac356e 71.875% 75.000%, #a3316a 75.000% 78.125%, #9a2c66 78.125% 81.250%, #912862 81.250% 84.375%, #88245d 84.375% 87.500%, #7f1f59 87.500% 90.625%, #781c55 90.625% 93.750%, #711952 93.750% 96.875%, #6d164f 96.875% 100.000%);
background: linear-gradient(90deg, oklch(82.28% 0.1047 46.41) 0.000% 3.125%, oklch(81.69% 0.1073 43.93) 3.125% 6.250%, oklch(80.90% 0.1107 40.51) 6.250% 9.375%, oklch(79.97% 0.1147 36.42) 9.375% 12.500%, oklch(78.93% 0.1192 31.97) 12.500% 15.625%, oklch(77.82% 0.1241 27.43) 15.625% 18.750%, oklch(76.69% 0.1294 23.08) 18.750% 21.875%, oklch(75.59% 0.1349 19.22) 21.875% 25.000%, oklch(74.55% 0.1407 16.11) 25.000% 28.125%, oklch(73.59% 0.1477 13.51) 28.125% 31.250%, oklch(72.66% 0.1559 11.22) 31.250% 34.375%, oklch(71.73% 0.1646 9.19) 34.375% 37.500%, oklch(70.77% 0.1733 7.37) 37.500% 40.625%, oklch(69.73% 0.1811 5.73) 40.625% 43.750%, oklch(68.57% 0.1875 4.20) 43.750% 46.875%, oklch(67.26% 0.1918 2.74) 46.875% 50.000%, oklch(65.76% 0.1933 1.34) 50.000% 53.125%, oklch(64.06% 0.1923 0.16) 53.125% 56.250%, oklch(62.19% 0.1893 359.16) 56.250% 59.375%, oklch(60.21% 0.1849 358.30) 59.375% 62.500%, oklch(58.16% 0.1795 357.50) 62.500% 65.625%, oklch(56.09% 0.1738 356.71) 65.625% 68.750%, oklch(54.04% 0.1683 355.86) 68.750% 71.875%, oklch(52.05% 0.1636 354.89) 71.875% 75.000%, oklch(50.09% 0.1596 353.75) 75.000% 78.125%, oklch(47.97% 0.1554 352.43) 78.125% 81.250%, oklch(45.79% 0.1511 351.02) 81.250% 84.375%, oklch(43.62% 0.1468 349.59) 84.375% 87.500%, oklch(41.57% 0.1427 348.20) 87.500% 90.625%, oklch(39.72% 0.1390 346.95) 90.625% 93.750%, oklch(38.17% 0.1360 345.89) 93.750% 96.875%, oklch(37.01% 0.1337 345.11) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.105 | 46.4 |
| 2 | 0.748 | 0.139 | 16.8 |
| 3 | 0.665 | 0.193 | 2 |
| 4 | 0.516 | 0.163 | -5.4 |
| 5 | 0.37 | 0.134 | -14.9 |

## In these collections

- [Three color gradients](https://grabient.com/three-color-gradients)

## Other forms

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