# Violet, rose and orange sunrise palette

The Violet, rose and orange sunrise palette brings together purple, magenta, light red, and pale orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is pale orange.

- Also called: Tritone purple, pink and peach linear gradient
- Seed: `kUdVfVzrbE-CzQ9wKEQg`
- Page: https://grabient.com/kUdVfVzrbE-CzQ9wKEQg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.1 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 | `#634690` | `oklch(46.06% 0.1199 300.23)` | Lords of the Night | white, 7.4 to 1 |
| 2 | `#694792` | `oklch(46.97% 0.1218 302.70)` | Sweet Flag | white, 7.2 to 1 |
| 3 | `#704895` | `oklch(48.14% 0.1244 305.90)` | Purple Sapphire | white, 6.8 to 1 |
| 4 | `#784a98` | `oklch(49.53% 0.1277 309.70)` | Parfait d’Amour | white, 6.5 to 1 |
| 5 | `#814c9a` | `oklch(51.09% 0.1312 313.96)` | Murasaki Purple | white, 6.1 to 1 |
| 6 | `#8b4e9c` | `oklch(52.76% 0.1350 318.54)` | Vicious Violet | white, 5.7 to 1 |
| 7 | `#96509e` | `oklch(54.51% 0.1388 323.29)` | Vicious Violet | white, 5.3 to 1 |
| 8 | `#a1539f` | `oklch(56.29% 0.1423 328.08)` | Orchid Dottyback | white, 4.9 to 1 |
| 9 | `#ab559f` | `oklch(58.05% 0.1455 332.77)` | Orchid Dottyback | white, 4.6 to 1 |
| 10 | `#b5589f` | `oklch(59.74% 0.1480 337.21)` | Magenta Memoir | black, 4.8 to 1 |
| 11 | `#be5b9e` | `oklch(61.32% 0.1498 341.26)` | Llilacquered | black, 5.1 to 1 |
| 12 | `#c65e9d` | `oklch(62.77% 0.1507 344.88)` | Llilacquered | black, 5.4 to 1 |
| 13 | `#cd629c` | `oklch(64.21% 0.1511 348.29)` | Phlox Pink | black, 5.8 to 1 |
| 14 | `#d4669b` | `oklch(65.63% 0.1511 351.56)` | Nocturnal Rose | black, 6.1 to 1 |
| 15 | `#db6a9a` | `oklch(67.04% 0.1506 354.70)` | Cosmetologist’s Pink | black, 6.5 to 1 |
| 16 | `#e16e9a` | `oklch(68.43% 0.1497 357.77)` | Thulian Pink | black, 6.8 to 1 |
| 17 | `#e67299` | `oklch(69.81% 0.1485 0.79)` | Shadow Azalea Pink | black, 7.2 to 1 |
| 18 | `#ec7798` | `oklch(71.16% 0.1471 3.79)` | Embarrassed | black, 7.6 to 1 |
| 19 | `#f17c97` | `oklch(72.51% 0.1455 6.82)` | So Charming | black, 8 to 1 |
| 20 | `#f68196` | `oklch(73.83% 0.1437 9.90)` | Xoxo | black, 8.4 to 1 |
| 21 | `#fa8694` | `oklch(75.13% 0.1418 13.08)` | Strawberry Soap | black, 8.8 to 1 |
| 22 | `#fe8b93` | `oklch(76.41% 0.1399 16.39)` | Tulip | black, 9.3 to 1 |
| 23 | `#ff9394` | `oklch(77.74% 0.1305 20.00)` | Cherished One | black, 9.8 to 1 |
| 24 | `#ff9b95` | `oklch(79.11% 0.1205 23.87)` | Rubber Radish | black, 10.3 to 1 |
| 25 | `#ffa397` | `oklch(80.50% 0.1112 27.89)` | Peach Amber | black, 10.9 to 1 |
| 26 | `#ffab9a` | `oklch(81.86% 0.1028 31.94)` | Pink Rose Bud | black, 11.5 to 1 |
| 27 | `#ffb29d` | `oklch(83.19% 0.0952 35.93)` | Buttery Salmon | black, 12.1 to 1 |
| 28 | `#ffb9a1` | `oklch(84.44% 0.0886 39.75)` | Pallid Orange | black, 12.6 to 1 |
| 29 | `#ffbfa4` | `oklch(85.60% 0.0828 43.30)` | Sweet Apricot | black, 13.2 to 1 |
| 30 | `#ffc4a8` | `oklch(86.62% 0.0778 46.46)` | Bright Citrus | black, 13.7 to 1 |
| 31 | `#ffc8ab` | `oklch(87.50% 0.0737 49.13)` | Bleached Apricot | black, 14.1 to 1 |
| 32 | `#ffccae` | `oklch(88.19% 0.0705 51.20)` | Blushing Cherub | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #634690 0.0%, #694792 3.2%, #704895 6.5%, #784a98 9.7%, #814c9a 12.9%, #8b4e9c 16.1%, #96509e 19.4%, #a1539f 22.6%, #ab559f 25.8%, #b5589f 29.0%, #be5b9e 32.3%, #c65e9d 35.5%, #cd629c 38.7%, #d4669b 41.9%, #db6a9a 45.2%, #e16e9a 48.4%, #e67299 51.6%, #ec7798 54.8%, #f17c97 58.1%, #f68196 61.3%, #fa8694 64.5%, #fe8b93 67.7%, #ff9394 71.0%, #ff9b95 74.2%, #ffa397 77.4%, #ffab9a 80.6%, #ffb29d 83.9%, #ffb9a1 87.1%, #ffbfa4 90.3%, #ffc4a8 93.5%, #ffc8ab 96.8%, #ffccae 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.06% 0.1199 300.23) 0.0%, oklch(46.97% 0.1218 302.70) 3.2%, oklch(48.14% 0.1244 305.90) 6.5%, oklch(49.53% 0.1277 309.70) 9.7%, oklch(51.09% 0.1312 313.96) 12.9%, oklch(52.76% 0.1350 318.54) 16.1%, oklch(54.51% 0.1388 323.29) 19.4%, oklch(56.29% 0.1423 328.08) 22.6%, oklch(58.05% 0.1455 332.77) 25.8%, oklch(59.74% 0.1480 337.21) 29.0%, oklch(61.32% 0.1498 341.26) 32.3%, oklch(62.77% 0.1507 344.88) 35.5%, oklch(64.21% 0.1511 348.29) 38.7%, oklch(65.63% 0.1511 351.56) 41.9%, oklch(67.04% 0.1506 354.70) 45.2%, oklch(68.43% 0.1497 357.77) 48.4%, oklch(69.81% 0.1485 0.79) 51.6%, oklch(71.16% 0.1471 3.79) 54.8%, oklch(72.51% 0.1455 6.82) 58.1%, oklch(73.83% 0.1437 9.90) 61.3%, oklch(75.13% 0.1418 13.08) 64.5%, oklch(76.41% 0.1399 16.39) 67.7%, oklch(77.74% 0.1305 20.00) 71.0%, oklch(79.11% 0.1205 23.87) 74.2%, oklch(80.50% 0.1112 27.89) 77.4%, oklch(81.86% 0.1028 31.94) 80.6%, oklch(83.19% 0.0952 35.93) 83.9%, oklch(84.44% 0.0886 39.75) 87.1%, oklch(85.60% 0.0828 43.30) 90.3%, oklch(86.62% 0.0778 46.46) 93.5%, oklch(87.50% 0.0737 49.13) 96.8%, oklch(88.19% 0.0705 51.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.12 | 300.2 |
| 2 | 0.618 | 0.15 | 342.5 |
| 3 | 0.76 | 0.141 | 375.3 |
| 4 | 0.882 | 0.11 | 411.2 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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