# Orange, rose and lavender color palette

The Orange, rose and lavender color palette brings together light orange, orange, magenta, purple, and light purple. The colors span a broad 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 light orange.

- Also called: Peach, brown, purple and lavender linear gradient
- Seed: `ka4EAyYbI-82yPk2oTjNDE50quQHlGkAA`
- Page: https://grabient.com/ka4EAyYbI-82yPk2oTjNDE50quQHlGkAA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.8 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 | `#fecf98` | `oklch(88.19% 0.0882 70.31)` | Tangerine Silk | black, 14.5 to 1 |
| 2 | `#fdc98e` | `oklch(86.76% 0.0954 69.29)` | Sicilian Villa | black, 13.8 to 1 |
| 3 | `#fbc080` | `oklch(84.80% 0.1061 67.90)` | Zing | black, 12.9 to 1 |
| 4 | `#fab66f` | `oklch(82.45% 0.1180 66.21)` | Jambalaya | black, 11.9 to 1 |
| 5 | `#f7ab5e` | `oklch(79.87% 0.1290 64.29)` | Rajah | black, 10.9 to 1 |
| 6 | `#f29f50` | `oklch(77.21% 0.1369 62.22)` | Doughnut | black, 9.8 to 1 |
| 7 | `#ec9544` | `oklch(74.50% 0.1411 60.45)` | Physalis | black, 8.9 to 1 |
| 8 | `#e48b39` | `oklch(71.60% 0.1434 59.26)` | Velvet Marigold | black, 8 to 1 |
| 9 | `#db8030` | `oklch(68.54% 0.1438 57.78)` | Sunlounge | black, 7.1 to 1 |
| 10 | `#d1752b` | `oklch(65.36% 0.1423 55.10)` | Bitter Orange | black, 6.2 to 1 |
| 11 | `#c76a2d` | `oklch(62.11% 0.1392 50.33)` | Desert Spice | black, 5.5 to 1 |
| 12 | `#bc5e35` | `oklch(58.69% 0.1334 42.56)` | Smoke Tree | black, 4.7 to 1 |
| 13 | `#ad5241` | `oklch(54.79% 0.1229 31.83)` | Cherry Blink | white, 5.1 to 1 |
| 14 | `#9b484b` | `oklch(50.78% 0.1106 19.30)` | Regal Red | white, 6.1 to 1 |
| 15 | `#884152` | `oklch(47.06% 0.0993 6.15)` | Dark Earth | white, 7.1 to 1 |
| 16 | `#793b56` | `oklch(44.04% 0.0921 353.58)` | Mulled Plum | white, 8.1 to 1 |
| 17 | `#6e375b` | `oklch(42.00% 0.0918 342.30)` | Grape | white, 8.8 to 1 |
| 18 | `#663362` | `oklch(40.57% 0.0987 330.56)` | Opulent Purple | white, 9.4 to 1 |
| 19 | `#5f306c` | `oklch(39.73% 0.1096 318.90)` | Imperial | white, 9.8 to 1 |
| 20 | `#593077` | `oklch(39.55% 0.1215 308.37)` | Foggy Amethyst | white, 9.9 to 1 |
| 21 | `#543283` | `oklch(40.12% 0.1313 299.98)` | Foggy Amethyst | white, 9.7 to 1 |
| 22 | `#53378d` | `oklch(41.53% 0.1361 294.80)` | Blue Magenta Violet | white, 9.1 to 1 |
| 23 | `#583f96` | `oklch(44.04% 0.1378 293.30)` | Daisy Bush | white, 8.2 to 1 |
| 24 | `#6248a0` | `oklch(47.43% 0.1375 294.39)` | Ultrapurple Merge | white, 7 to 1 |
| 25 | `#7053aa` | `oklch(51.34% 0.1353 296.79)` | Royal Lavender | white, 5.9 to 1 |
| 26 | `#7e5fb4` | `oklch(55.41% 0.1313 299.22)` | Genestealer Purple | white, 5 to 1 |
| 27 | `#8b6bbd` | `oklch(59.30% 0.1257 300.41)` | Lavish Spending | black, 4.9 to 1 |
| 28 | `#9779c6` | `oklch(63.57% 0.1164 300.81)` | Lilac Bush | black, 5.8 to 1 |
| 29 | `#a48acf` | `oklch(68.25% 0.1042 301.05)` | Middy’s Purple | black, 7 to 1 |
| 30 | `#b19ad8` | `oklch(72.82% 0.0911 301.20)` | Violet Velvet | black, 8.4 to 1 |
| 31 | `#bca8df` | `oklch(76.75% 0.0796 301.30)` | Perfume | black, 9.8 to 1 |
| 32 | `#c4b2e4` | `oklch(79.53% 0.0717 301.39)` | Purple Sand | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #fecf98 0.0%, #fdc98e 3.2%, #fbc080 6.5%, #fab66f 9.7%, #f7ab5e 12.9%, #f29f50 16.1%, #ec9544 19.4%, #e48b39 22.6%, #db8030 25.8%, #d1752b 29.0%, #c76a2d 32.3%, #bc5e35 35.5%, #ad5241 38.7%, #9b484b 41.9%, #884152 45.2%, #793b56 48.4%, #6e375b 51.6%, #663362 54.8%, #5f306c 58.1%, #593077 61.3%, #543283 64.5%, #53378d 67.7%, #583f96 71.0%, #6248a0 74.2%, #7053aa 77.4%, #7e5fb4 80.6%, #8b6bbd 83.9%, #9779c6 87.1%, #a48acf 90.3%, #b19ad8 93.5%, #bca8df 96.8%, #c4b2e4 100.0%);
background: linear-gradient(315deg in oklch, oklch(88.19% 0.0882 70.31) 0.0%, oklch(86.76% 0.0954 69.29) 3.2%, oklch(84.80% 0.1061 67.90) 6.5%, oklch(82.45% 0.1180 66.21) 9.7%, oklch(79.87% 0.1290 64.29) 12.9%, oklch(77.21% 0.1369 62.22) 16.1%, oklch(74.50% 0.1411 60.45) 19.4%, oklch(71.60% 0.1434 59.26) 22.6%, oklch(68.54% 0.1438 57.78) 25.8%, oklch(65.36% 0.1423 55.10) 29.0%, oklch(62.11% 0.1392 50.33) 32.3%, oklch(58.69% 0.1334 42.56) 35.5%, oklch(54.79% 0.1229 31.83) 38.7%, oklch(50.78% 0.1106 19.30) 41.9%, oklch(47.06% 0.0993 6.15) 45.2%, oklch(44.04% 0.0921 353.58) 48.4%, oklch(42.00% 0.0918 342.30) 51.6%, oklch(40.57% 0.0987 330.56) 54.8%, oklch(39.73% 0.1096 318.90) 58.1%, oklch(39.55% 0.1215 308.37) 61.3%, oklch(40.12% 0.1313 299.98) 64.5%, oklch(41.53% 0.1361 294.80) 67.7%, oklch(44.04% 0.1378 293.30) 71.0%, oklch(47.43% 0.1375 294.39) 74.2%, oklch(51.34% 0.1353 296.79) 77.4%, oklch(55.41% 0.1313 299.22) 80.6%, oklch(59.30% 0.1257 300.41) 83.9%, oklch(63.57% 0.1164 300.81) 87.1%, oklch(68.25% 0.1042 301.05) 90.3%, oklch(72.82% 0.0911 301.20) 93.5%, oklch(76.75% 0.0796 301.30) 96.8%, oklch(79.53% 0.0717 301.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.088 | 70.3 |
| 2 | 0.768 | 0.138 | 61.9 |
| 3 | 0.61 | 0.138 | 48.1 |
| 4 | 0.429 | 0.091 | -12.1 |
| 5 | 0.409 | 0.135 | -63.9 |
| 6 | 0.587 | 0.127 | -59.7 |
| 7 | 0.795 | 0.072 | -58.6 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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