# Plum coral sunrise fan

Dusky plum brightens to berry rose and glowing coral, then peach and apricot, ending in a pale butter yellow. A smooth sunrise from dark to light. Works for trend palettes, fashion moodboards and sunset gradient backdrops.

- Also called: Purple, pink, peach and yellow angular swatches
- Seed: `kWZCnZRqfHV06wjnqcMdStE4`
- Page: https://grabient.com/kWZCnZRqfHV06wjnqcMdStE4?style=angularSwatches&steps=13
- Drawn as: angular swatches, 13 steps, 90 degrees
- Kinds: dark to light, pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.6 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 | `#4d3e5e` | `oklch(39.37% 0.0565 305.16)` | Powerful Mauve | white, 9.6 to 1 |
| 2 | `#644468` | `oklch(43.50% 0.0701 322.93)` | Sultana | white, 8.2 to 1 |
| 3 | `#864b6b` | `oklch(49.42% 0.0895 347.62)` | Noble Tone | white, 6.4 to 1 |
| 4 | `#a85667` | `oklch(55.51% 0.1089 7.50)` | Splatter | white, 5 to 1 |
| 5 | `#c76169` | `oklch(61.65% 0.1300 16.78)` | Desert Rose | black, 5.3 to 1 |
| 6 | `#e66d6e` | `oklch(67.96% 0.1511 21.24)` | Redstone | black, 6.7 to 1 |
| 7 | `#fe7b70` | `oklch(73.23% 0.1612 26.53)` | Hipster Salmon | black, 8.2 to 1 |
| 8 | `#ff9075` | `oklch(76.60% 0.1406 34.20)` | Alexandria | black, 9.4 to 1 |
| 9 | `#ff9e76` | `oklch(78.91% 0.1284 42.69)` | Candyman | black, 10.3 to 1 |
| 10 | `#fdae7b` | `oklch(81.50% 0.1144 52.94)` | Peach | black, 11.4 to 1 |
| 11 | `#ffc17e` | `oklch(85.26% 0.1102 67.43)` | Buttery | black, 13.1 to 1 |
| 12 | `#ffd683` | `oklch(89.28% 0.1117 83.68)` | Float Like a Butterfly | black, 15.1 to 1 |
| 13 | `#fde586` | `oklch(92.13% 0.1185 95.21)` | Lemon Drizzle | black, 16.6 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #4d3e5e 0.000% 7.692%, #644468 7.692% 15.385%, #864b6b 15.385% 23.077%, #a85667 23.077% 30.769%, #c76169 30.769% 38.462%, #e66d6e 38.462% 46.154%, #fe7b70 46.154% 53.846%, #ff9075 53.846% 61.538%, #ff9e76 61.538% 69.231%, #fdae7b 69.231% 76.923%, #ffc17e 76.923% 84.615%, #ffd683 84.615% 92.308%, #fde586 92.308% 100.000%);
background: conic-gradient(from 90deg, oklch(39.37% 0.0565 305.16) 0.000% 7.692%, oklch(43.50% 0.0701 322.93) 7.692% 15.385%, oklch(49.42% 0.0895 347.62) 15.385% 23.077%, oklch(55.51% 0.1089 7.50) 23.077% 30.769%, oklch(61.65% 0.1300 16.78) 30.769% 38.462%, oklch(67.96% 0.1511 21.24) 38.462% 46.154%, oklch(73.23% 0.1612 26.53) 46.154% 53.846%, oklch(76.60% 0.1406 34.20) 53.846% 61.538%, oklch(78.91% 0.1284 42.69) 61.538% 69.231%, oklch(81.50% 0.1144 52.94) 69.231% 76.923%, oklch(85.26% 0.1102 67.43) 76.923% 84.615%, oklch(89.28% 0.1117 83.68) 84.615% 92.308%, oklch(92.13% 0.1185 95.21) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.056 | 305.2 |
| 2 | 0.555 | 0.109 | 367.5 |
| 3 | 0.732 | 0.161 | 386.5 |
| 4 | 0.815 | 0.114 | 412.9 |
| 5 | 0.921 | 0.119 | 455.2 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)
- [WGSN 2027 swatches](https://grabient.com/wgsn-2027-swatches)

## Other forms

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