# Plum, crimson and orange color palette

The Plum, crimson and orange color palette brings together dark magenta, red, and light orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is light orange.

- Also called: Dark purple, maroon and peach linear gradient
- Seed: `kWNjDoMS3Esi6wVcNUEah_Cg`
- Page: https://grabient.com/kWNjDoMS3Esi6wVcNUEah_Cg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.5 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 | `#280b29` | `oklch(21.26% 0.0661 326.25)` | Dark Prom Queen | white, 17.9 to 1 |
| 2 | `#2d0d2c` | `oklch(22.64% 0.0711 329.67)` | Dark Prom Queen | white, 17.4 to 1 |
| 3 | `#350e2f` | `oklch(24.47% 0.0778 334.47)` | Synallactida | white, 16.6 to 1 |
| 4 | `#3f1032` | `oklch(26.65% 0.0858 340.19)` | Nightly Voyager | white, 15.7 to 1 |
| 5 | `#4a1235` | `oklch(29.08% 0.0947 346.39)` | Blackberry | white, 14.6 to 1 |
| 6 | `#561437` | `oklch(31.65% 0.1037 352.63)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 7 | `#631738` | `oklch(34.25% 0.1124 358.48)` | Brown Chocolate | white, 12.3 to 1 |
| 8 | `#6f1a38` | `oklch(36.79% 0.1203 3.48)` | Rocking Chair | white, 11.2 to 1 |
| 9 | `#791d39` | `oklch(39.16% 0.1269 7.21)` | Brown Magenta | white, 10.2 to 1 |
| 10 | `#84223b` | `oklch(41.53% 0.1331 9.92)` | Suō | white, 9.2 to 1 |
| 11 | `#8e263e` | `oklch(43.96% 0.1390 11.93)` | Thrill Ride | white, 8.3 to 1 |
| 12 | `#992b41` | `oklch(46.42% 0.1447 13.41)` | Crimson Shadows | white, 7.5 to 1 |
| 13 | `#a33045` | `oklch(48.88% 0.1498 14.52)` | Radish | white, 6.8 to 1 |
| 14 | `#ad3649` | `oklch(51.31% 0.1543 15.44)` | Roses Are Red | white, 6.1 to 1 |
| 15 | `#b73c4d` | `oklch(53.69% 0.1578 16.34)` | Romantic Embers | white, 5.5 to 1 |
| 16 | `#c04251` | `oklch(55.98% 0.1604 17.40)` | Thai Spice | white, 5 to 1 |
| 17 | `#c84954` | `oklch(58.17% 0.1618 18.68)` | English Coral | white, 4.6 to 1 |
| 18 | `#d05058` | `oklch(60.32% 0.1622 19.81)` | Mandy | black, 4.9 to 1 |
| 19 | `#d7575c` | `oklch(62.43% 0.1617 20.81)` | Spiced Coral | black, 5.4 to 1 |
| 20 | `#de5e60` | `oklch(64.48% 0.1603 21.76)` | Briquette | black, 5.8 to 1 |
| 21 | `#e46665` | `oklch(66.47% 0.1581 22.76)` | Calypso Red | black, 6.3 to 1 |
| 22 | `#ea6d69` | `oklch(68.39% 0.1552 23.92)` | Porcelain Rose | black, 6.8 to 1 |
| 23 | `#ef756d` | `oklch(70.24% 0.1516 25.31)` | Debutante | black, 7.4 to 1 |
| 24 | `#f37d71` | `oklch(72.01% 0.1472 27.04)` | Youthful Coral | black, 7.9 to 1 |
| 25 | `#f68474` | `oklch(73.73% 0.1418 29.28)` | Coral Pink | black, 8.5 to 1 |
| 26 | `#f88d78` | `oklch(75.44% 0.1345 32.13)` | Hot Calypso | black, 9 to 1 |
| 27 | `#fa967c` | `oklch(77.12% 0.1259 35.38)` | Parma Ham | black, 9.7 to 1 |
| 28 | `#fa9f81` | `oklch(78.72% 0.1167 38.80)` | Tropical Paradise | black, 10.3 to 1 |
| 29 | `#f9a787` | `oklch(80.20% 0.1075 42.17)` | Citrus Hill | black, 10.9 to 1 |
| 30 | `#f9ae8d` | `oklch(81.51% 0.0990 45.27)` | Orange Grove | black, 11.4 to 1 |
| 31 | `#f8b492` | `oklch(82.61% 0.0919 47.86)` | Guava Juice | black, 11.9 to 1 |
| 32 | `#f8b996` | `oklch(83.46% 0.0868 49.73)` | Peach Parfait | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #280b29 0.0%, #2d0d2c 3.2%, #350e2f 6.5%, #3f1032 9.7%, #4a1235 12.9%, #561437 16.1%, #631738 19.4%, #6f1a38 22.6%, #791d39 25.8%, #84223b 29.0%, #8e263e 32.3%, #992b41 35.5%, #a33045 38.7%, #ad3649 41.9%, #b73c4d 45.2%, #c04251 48.4%, #c84954 51.6%, #d05058 54.8%, #d7575c 58.1%, #de5e60 61.3%, #e46665 64.5%, #ea6d69 67.7%, #ef756d 71.0%, #f37d71 74.2%, #f68474 77.4%, #f88d78 80.6%, #fa967c 83.9%, #fa9f81 87.1%, #f9a787 90.3%, #f9ae8d 93.5%, #f8b492 96.8%, #f8b996 100.0%);
background: linear-gradient(90deg in oklch, oklch(21.26% 0.0661 326.25) 0.0%, oklch(22.64% 0.0711 329.67) 3.2%, oklch(24.47% 0.0778 334.47) 6.5%, oklch(26.65% 0.0858 340.19) 9.7%, oklch(29.08% 0.0947 346.39) 12.9%, oklch(31.65% 0.1037 352.63) 16.1%, oklch(34.25% 0.1124 358.48) 19.4%, oklch(36.79% 0.1203 3.48) 22.6%, oklch(39.16% 0.1269 7.21) 25.8%, oklch(41.53% 0.1331 9.92) 29.0%, oklch(43.96% 0.1390 11.93) 32.3%, oklch(46.42% 0.1447 13.41) 35.5%, oklch(48.88% 0.1498 14.52) 38.7%, oklch(51.31% 0.1543 15.44) 41.9%, oklch(53.69% 0.1578 16.34) 45.2%, oklch(55.98% 0.1604 17.40) 48.4%, oklch(58.17% 0.1618 18.68) 51.6%, oklch(60.32% 0.1622 19.81) 54.8%, oklch(62.43% 0.1617 20.81) 58.1%, oklch(64.48% 0.1603 21.76) 61.3%, oklch(66.47% 0.1581 22.76) 64.5%, oklch(68.39% 0.1552 23.92) 67.7%, oklch(70.24% 0.1516 25.31) 71.0%, oklch(72.01% 0.1472 27.04) 74.2%, oklch(73.73% 0.1418 29.28) 77.4%, oklch(75.44% 0.1345 32.13) 80.6%, oklch(77.12% 0.1259 35.38) 83.9%, oklch(78.72% 0.1167 38.80) 87.1%, oklch(80.20% 0.1075 42.17) 90.3%, oklch(81.51% 0.0990 45.27) 93.5%, oklch(82.61% 0.0919 47.86) 96.8%, oklch(83.46% 0.0868 49.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.066 | 326.3 |
| 2 | 0.386 | 0.125 | 366.4 |
| 3 | 0.571 | 0.161 | 378 |
| 4 | 0.724 | 0.146 | 387.5 |
| 5 | 0.835 | 0.087 | 409.7 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)
- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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