# Plum Pale Cream Fan

This angular gradient moves from plum through violet, deep blue, dark teal, muted green, and finishes in pale cream. Use the rich jewel colors and pale accents for fashion graphics, dramatic invitations, luxury packaging, or title panels. The contrasting tones provide distinct options for a background, headline, fine border, and small accent.

- Also called: Purple, blue, teal and gray angular gradient
- Seed: `kUb2DyraM2LWZttzkbRg`
- Page: https://grabient.com/kUb2DyraM2LWZttzkbRg?style=angularGradient&steps=32&angle=210
- Drawn as: angular gradient, 32 steps, 210 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.4 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 | `#7f2d67` | `oklch(43.70% 0.1323 341.02)` | Grape Juice | white, 8.4 to 1 |
| 2 | `#7a2e6b` | `oklch(43.19% 0.1302 336.27)` | Grape Juice | white, 8.6 to 1 |
| 3 | `#732f6f` | `oklch(42.46% 0.1275 330.17)` | Grape Juice | white, 8.8 to 1 |
| 4 | `#6b3072` | `oklch(41.57% 0.1242 322.95)` | Seance | white, 9.2 to 1 |
| 5 | `#613175` | `oklch(40.57% 0.1206 314.86)` | Purple Magic | white, 9.5 to 1 |
| 6 | `#563277` | `oklch(39.54% 0.1167 306.12)` | Foggy Amethyst | white, 9.9 to 1 |
| 7 | `#4b3378` | `oklch(38.53% 0.1126 296.99)` | Galactic Compass | white, 10.2 to 1 |
| 8 | `#403577` | `oklch(37.60% 0.1086 287.69)` | Galactic Compass | white, 10.5 to 1 |
| 9 | `#343675` | `oklch(36.80% 0.1046 278.47)` | Ballpoint Indigo | white, 10.8 to 1 |
| 10 | `#293872` | `oklch(36.21% 0.1009 269.56)` | Ballpoint Indigo | white, 10.9 to 1 |
| 11 | `#1e3b6f` | `oklch(35.87% 0.0975 261.21)` | Limoges | white, 11 to 1 |
| 12 | `#113d6c` | `oklch(35.75% 0.0945 253.50)` | Ashenvale Nights | white, 11 to 1 |
| 13 | `#003f69` | `oklch(35.58% 0.0916 246.07)` | Dark Imperial Blue | white, 11 to 1 |
| 14 | `#004060` | `oklch(35.40% 0.0796 238.87)` | Neptune’s Wrath | white, 11 to 1 |
| 15 | `#00415a` | `oklch(35.30% 0.0718 231.71)` | Maniac Mansion | white, 11 to 1 |
| 16 | `#004255` | `oklch(35.34% 0.0667 224.58)` | Crab Nebula | white, 10.9 to 1 |
| 17 | `#004452` | `oklch(35.61% 0.0637 217.40)` | Crab Nebula | white, 10.8 to 1 |
| 18 | `#004650` | `oklch(36.18% 0.0626 210.12)` | Midnight Green | white, 10.5 to 1 |
| 19 | `#004a4f` | `oklch(37.14% 0.0632 202.67)` | Sherpa Blue | white, 10 to 1 |
| 20 | `#004e4f` | `oklch(38.55% 0.0658 194.97)` | Antique Turquoise | white, 9.4 to 1 |
| 21 | `#00554f` | `oklch(40.50% 0.0707 186.97)` | Cape Verde | white, 8.6 to 1 |
| 22 | `#185c50` | `oklch(43.08% 0.0695 178.56)` | Country Meadow | white, 7.7 to 1 |
| 23 | `#2e6654` | `oklch(46.70% 0.0671 169.18)` | Ore Mountains Green | white, 6.6 to 1 |
| 24 | `#457259` | `oklch(51.24% 0.0646 158.93)` | Fairway | white, 5.5 to 1 |
| 25 | `#5d8061` | `oklch(56.45% 0.0621 148.14)` | Mistletoe Whisper | black, 4.7 to 1 |
| 26 | `#768f6c` | `oklch(62.09% 0.0596 137.13)` | Crispy Crunch | black, 5.9 to 1 |
| 27 | `#8f9f79` | `oklch(67.90% 0.0572 126.21)` | Usuao Blue | black, 7.3 to 1 |
| 28 | `#a8ae87` | `oklch(73.64% 0.0550 115.71)` | Wall Green | black, 9 to 1 |
| 29 | `#bfbd96` | `oklch(79.07% 0.0529 105.94)` | Esprit | black, 10.9 to 1 |
| 30 | `#d3cba5` | `oklch(83.93% 0.0510 97.23)` | Hay | black, 12.8 to 1 |
| 31 | `#e4d7b3` | `oklch(87.97% 0.0495 89.88)` | Afghan Hound | black, 14.6 to 1 |
| 32 | `#f0dfbd` | `oklch(90.94% 0.0482 84.23)` | Dutch White | black, 16 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #7f2d67 0.0%, #7a2e6b 3.2%, #732f6f 6.5%, #6b3072 9.7%, #613175 12.9%, #563277 16.1%, #4b3378 19.4%, #403577 22.6%, #343675 25.8%, #293872 29.0%, #1e3b6f 32.3%, #113d6c 35.5%, #003f69 38.7%, #004060 41.9%, #00415a 45.2%, #004255 48.4%, #004452 51.6%, #004650 54.8%, #004a4f 58.1%, #004e4f 61.3%, #00554f 64.5%, #185c50 67.7%, #2e6654 71.0%, #457259 74.2%, #5d8061 77.4%, #768f6c 80.6%, #8f9f79 83.9%, #a8ae87 87.1%, #bfbd96 90.3%, #d3cba5 93.5%, #e4d7b3 96.8%, #f0dfbd 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(43.70% 0.1323 341.02) 0.0%, oklch(43.19% 0.1302 336.27) 3.2%, oklch(42.46% 0.1275 330.17) 6.5%, oklch(41.57% 0.1242 322.95) 9.7%, oklch(40.57% 0.1206 314.86) 12.9%, oklch(39.54% 0.1167 306.12) 16.1%, oklch(38.53% 0.1126 296.99) 19.4%, oklch(37.60% 0.1086 287.69) 22.6%, oklch(36.80% 0.1046 278.47) 25.8%, oklch(36.21% 0.1009 269.56) 29.0%, oklch(35.87% 0.0975 261.21) 32.3%, oklch(35.75% 0.0945 253.50) 35.5%, oklch(35.58% 0.0916 246.07) 38.7%, oklch(35.40% 0.0796 238.87) 41.9%, oklch(35.30% 0.0718 231.71) 45.2%, oklch(35.34% 0.0667 224.58) 48.4%, oklch(35.61% 0.0637 217.40) 51.6%, oklch(36.18% 0.0626 210.12) 54.8%, oklch(37.14% 0.0632 202.67) 58.1%, oklch(38.55% 0.0658 194.97) 61.3%, oklch(40.50% 0.0707 186.97) 64.5%, oklch(43.08% 0.0695 178.56) 67.7%, oklch(46.70% 0.0671 169.18) 71.0%, oklch(51.24% 0.0646 158.93) 74.2%, oklch(56.45% 0.0621 148.14) 77.4%, oklch(62.09% 0.0596 137.13) 80.6%, oklch(67.90% 0.0572 126.21) 83.9%, oklch(73.64% 0.0550 115.71) 87.1%, oklch(79.07% 0.0529 105.94) 90.3%, oklch(83.93% 0.0510 97.23) 93.5%, oklch(87.97% 0.0495 89.88) 96.8%, oklch(90.94% 0.0482 84.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.132 | 341 |
| 2 | 0.358 | 0.096 | 258.6 |
| 3 | 0.421 | 0.07 | 181.4 |
| 4 | 0.909 | 0.048 | 84.2 |

## In these collections

- [Glamoratti](https://grabient.com/glamoratti)

## Other forms

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