# Plum, rose and orange color palette

The Plum, rose and orange color palette brings together dark magenta, magenta, red, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits website sections and interface mockups. Its darkest tone is dark magenta, and its lightest tone is orange.

- Also called: Vivid dark purple, pink and salmon linear swatches
- Seed: `kaREnzr6y-cQ9wdXzcF20VAV45wbhNULA`
- Page: https://grabient.com/kaREnzr6y-cQ9wdXzcF20VAV45wbhNULA?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7 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 | `#440933` | `oklch(26.77% 0.1006 342.42)` | Greek Aubergine | white, 15.8 to 1 |
| 2 | `#470c38` | `oklch(27.98% 0.1029 340.50)` | Pion Purple | white, 15.2 to 1 |
| 3 | `#4b103f` | `oklch(29.62% 0.1059 337.54)` | Pion Purple | white, 14.4 to 1 |
| 4 | `#511548` | `oklch(31.60% 0.1097 334.29)` | Violet Carmine | white, 13.5 to 1 |
| 5 | `#571a51` | `oklch(33.82% 0.1142 331.48)` | Purple Velour | white, 12.5 to 1 |
| 6 | `#5e205b` | `oklch(36.19% 0.1196 329.87)` | Purple Velour | white, 11.4 to 1 |
| 7 | `#672463` | `oklch(38.66% 0.1260 330.12)` | Blackest Berry | white, 10.4 to 1 |
| 8 | `#73296b` | `oklch(41.43% 0.1337 332.09)` | Byzantium | white, 9.3 to 1 |
| 9 | `#802d72` | `oklch(44.41% 0.1424 335.20)` | Veronica Purple | white, 8.2 to 1 |
| 10 | `#8f3178` | `oklch(47.50% 0.1516 338.86)` | Violet Vixen | white, 7.2 to 1 |
| 11 | `#9f357d` | `oklch(50.58% 0.1608 342.52)` | Wild Aster | white, 6.4 to 1 |
| 12 | `#ad3982` | `oklch(53.54% 0.1695 345.59)` | Wild Aster | white, 5.6 to 1 |
| 13 | `#bc3e88` | `oklch(56.55% 0.1786 348.22)` | Orchid Ecstasy | white, 5 to 1 |
| 14 | `#cd428d` | `oklch(59.71% 0.1886 350.84)` | Smitten | black, 4.7 to 1 |
| 15 | `#dd4692` | `oklch(62.81% 0.1983 353.33)` | Prunus Avium | black, 5.3 to 1 |
| 16 | `#eb4b96` | `oklch(65.64% 0.2065 355.59)` | Schiaparelli Pink | black, 5.9 to 1 |
| 17 | `#f74f99` | `oklch(67.98% 0.2121 357.49)` | Pansy | black, 6.5 to 1 |
| 18 | `#ff549b` | `oklch(69.62% 0.2140 358.87)` | Fuchsia Fever | black, 6.9 to 1 |
| 19 | `#ff5c9c` | `oklch(70.57% 0.2049 359.51)` | Neon Sunset | black, 7.2 to 1 |
| 20 | `#ff609d` | `oklch(71.02% 0.2004 359.70)` | Neon Sunset | black, 7.4 to 1 |
| 21 | `#ff619d` | `oklch(71.21% 0.1984 359.83)` | Neon Sunset | black, 7.4 to 1 |
| 22 | `#ff639d` | `oklch(71.35% 0.1958 0.29)` | Neon Sunset | black, 7.5 to 1 |
| 23 | `#fe679b` | `oklch(71.65% 0.1902 1.44)` | French Pink | black, 7.6 to 1 |
| 24 | `#ff6a99` | `oklch(72.11% 0.1846 3.30)` | French Pink | black, 7.7 to 1 |
| 25 | `#ff6f96` | `oklch(72.54% 0.1784 5.57)` | Blush Hour | black, 7.9 to 1 |
| 26 | `#fe7392` | `oklch(72.96% 0.1720 8.22)` | Blush Hour | black, 8 to 1 |
| 27 | `#fe778e` | `oklch(73.38% 0.1659 11.20)` | Carnation | black, 8.2 to 1 |
| 28 | `#fe7b8a` | `oklch(73.80% 0.1607 14.49)` | Heatstroke | black, 8.4 to 1 |
| 29 | `#ff7e85` | `oklch(74.24% 0.1566 18.18)` | Anime Blush | black, 8.5 to 1 |
| 30 | `#ff827f` | `oklch(74.72% 0.1527 22.84)` | Light Red | black, 8.7 to 1 |
| 31 | `#ff8678` | `oklch(75.22% 0.1491 28.01)` | Fusion Coral | black, 8.9 to 1 |
| 32 | `#ff8a71` | `oklch(75.69% 0.1469 33.10)` | Miami Coral | black, 9.1 to 1 |
| 33 | `#ff8d6b` | `oklch(76.09% 0.1460 37.48)` | Salmon Orange | black, 9.2 to 1 |
| 34 | `#ff9067` | `oklch(76.38% 0.1458 40.54)` | Pink Orange | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #440933 0.000% 2.941%, #470c38 2.941% 5.882%, #4b103f 5.882% 8.824%, #511548 8.824% 11.765%, #571a51 11.765% 14.706%, #5e205b 14.706% 17.647%, #672463 17.647% 20.588%, #73296b 20.588% 23.529%, #802d72 23.529% 26.471%, #8f3178 26.471% 29.412%, #9f357d 29.412% 32.353%, #ad3982 32.353% 35.294%, #bc3e88 35.294% 38.235%, #cd428d 38.235% 41.176%, #dd4692 41.176% 44.118%, #eb4b96 44.118% 47.059%, #f74f99 47.059% 50.000%, #ff549b 50.000% 52.941%, #ff5c9c 52.941% 55.882%, #ff609d 55.882% 58.824%, #ff619d 58.824% 61.765%, #ff639d 61.765% 64.706%, #fe679b 64.706% 67.647%, #ff6a99 67.647% 70.588%, #ff6f96 70.588% 73.529%, #fe7392 73.529% 76.471%, #fe778e 76.471% 79.412%, #fe7b8a 79.412% 82.353%, #ff7e85 82.353% 85.294%, #ff827f 85.294% 88.235%, #ff8678 88.235% 91.176%, #ff8a71 91.176% 94.118%, #ff8d6b 94.118% 97.059%, #ff9067 97.059% 100.000%);
background: linear-gradient(90deg, oklch(26.77% 0.1006 342.42) 0.000% 2.941%, oklch(27.98% 0.1029 340.50) 2.941% 5.882%, oklch(29.62% 0.1059 337.54) 5.882% 8.824%, oklch(31.60% 0.1097 334.29) 8.824% 11.765%, oklch(33.82% 0.1142 331.48) 11.765% 14.706%, oklch(36.19% 0.1196 329.87) 14.706% 17.647%, oklch(38.66% 0.1260 330.12) 17.647% 20.588%, oklch(41.43% 0.1337 332.09) 20.588% 23.529%, oklch(44.41% 0.1424 335.20) 23.529% 26.471%, oklch(47.50% 0.1516 338.86) 26.471% 29.412%, oklch(50.58% 0.1608 342.52) 29.412% 32.353%, oklch(53.54% 0.1695 345.59) 32.353% 35.294%, oklch(56.55% 0.1786 348.22) 35.294% 38.235%, oklch(59.71% 0.1886 350.84) 38.235% 41.176%, oklch(62.81% 0.1983 353.33) 41.176% 44.118%, oklch(65.64% 0.2065 355.59) 44.118% 47.059%, oklch(67.98% 0.2121 357.49) 47.059% 50.000%, oklch(69.62% 0.2140 358.87) 50.000% 52.941%, oklch(70.57% 0.2049 359.51) 52.941% 55.882%, oklch(71.02% 0.2004 359.70) 55.882% 58.824%, oklch(71.21% 0.1984 359.83) 58.824% 61.765%, oklch(71.35% 0.1958 0.29) 61.765% 64.706%, oklch(71.65% 0.1902 1.44) 64.706% 67.647%, oklch(72.11% 0.1846 3.30) 67.647% 70.588%, oklch(72.54% 0.1784 5.57) 70.588% 73.529%, oklch(72.96% 0.1720 8.22) 73.529% 76.471%, oklch(73.38% 0.1659 11.20) 76.471% 79.412%, oklch(73.80% 0.1607 14.49) 79.412% 82.353%, oklch(74.24% 0.1566 18.18) 82.353% 85.294%, oklch(74.72% 0.1527 22.84) 85.294% 88.235%, oklch(75.22% 0.1491 28.01) 88.235% 91.176%, oklch(75.69% 0.1469 33.10) 91.176% 94.118%, oklch(76.09% 0.1460 37.48) 94.118% 97.059%, oklch(76.38% 0.1458 40.54) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.101 | 342.4 |
| 2 | 0.374 | 0.123 | 329.7 |
| 3 | 0.535 | 0.169 | 345.6 |
| 4 | 0.689 | 0.214 | 358.3 |
| 5 | 0.717 | 0.19 | 361.4 |
| 6 | 0.74 | 0.158 | 376.2 |
| 7 | 0.764 | 0.146 | 400.5 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)
- [Neon gradients](https://grabient.com/neon-gradients)
- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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