# Pale lavender and rose color palette

The Pale lavender and rose color palette brings together pale purple, light purple, purple, red, and orange. 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 red, and its lightest tone is pale purple.

- Also called: Lavender, purple and brown linear gradient
- Seed: `kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4`
- Page: https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.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 | `#e1d8f3` | `oklch(89.76% 0.0386 301.64)` | Japan Blush | black, 15.3 to 1 |
| 2 | `#ddd2f1` | `oklch(88.21% 0.0437 301.26)` | Japan Blush | black, 14.5 to 1 |
| 3 | `#d6caee` | `oklch(86.01% 0.0510 300.71)` | Foggy Love | black, 13.5 to 1 |
| 4 | `#cec1ea` | `oklch(83.42% 0.0594 300.13)` | York Plum | black, 12.4 to 1 |
| 5 | `#c6b7e6` | `oklch(80.69% 0.0681 299.66)` | Viking Diva | black, 11.2 to 1 |
| 6 | `#beade2` | `oklch(77.94% 0.0766 299.42)` | Perfume | black, 10.2 to 1 |
| 7 | `#b5a2dd` | `oklch(74.91% 0.0864 299.33)` | Purple Premiere | black, 9.1 to 1 |
| 8 | `#ac96d8` | `oklch(71.75% 0.0964 299.34)` | Biloba Flower | black, 8.1 to 1 |
| 9 | `#a48bd2` | `oklch(68.63% 0.1050 299.43)` | Middy’s Purple | black, 7.2 to 1 |
| 10 | `#9b81cb` | `oklch(65.75% 0.1109 299.52)` | Lilac Purple | black, 6.4 to 1 |
| 11 | `#9279c4` | `oklch(62.89% 0.1137 298.37)` | Ube | black, 5.7 to 1 |
| 12 | `#8771bc` | `oklch(60.06% 0.1145 296.65)` | Purple Hebe | black, 5.1 to 1 |
| 13 | `#806ab4` | `oklch(57.53% 0.1137 296.23)` | Lavish Spending | black, 4.6 to 1 |
| 14 | `#7c63ab` | `oklch(55.55% 0.1121 298.96)` | Genestealer Purple | white, 4.9 to 1 |
| 15 | `#805da1` | `oklch(54.30% 0.1092 306.63)` | Sonic Plum | white, 5.2 to 1 |
| 16 | `#875994` | `oklch(53.64% 0.1034 318.80)` | Purple Tanzanite | white, 5.4 to 1 |
| 17 | `#8f5785` | `oklch(53.46% 0.0973 333.23)` | Dewberry | white, 5.4 to 1 |
| 18 | `#955678` | `oklch(53.64% 0.0935 347.62)` | Sea Fan Fuchsia | white, 5.4 to 1 |
| 19 | `#9b566d` | `oklch(54.13% 0.0947 359.88)` | Mulberry Mix | white, 5.3 to 1 |
| 20 | `#a55863` | `oklch(55.42% 0.1021 11.78)` | Beef Jerky | white, 5 to 1 |
| 21 | `#b15a57` | `oklch(57.19% 0.1131 23.33)` | Pottery Red | white, 4.6 to 1 |
| 22 | `#bb5e4a` | `oklch(58.76% 0.1245 33.26)` | Flame Pea | black, 4.7 to 1 |
| 23 | `#bf5f3c` | `oklch(59.46% 0.1329 40.28)` | Deep Reddish Orange | black, 4.9 to 1 |
| 24 | `#be5d32` | `oklch(58.90% 0.1370 43.15)` | Smoke Tree | black, 4.8 to 1 |
| 25 | `#ba582d` | `oklch(57.47% 0.1389 42.42)` | Fallen Canopy | white, 4.6 to 1 |
| 26 | `#b5512c` | `oklch(55.53% 0.1392 39.91)` | Renga Brick | white, 5 to 1 |
| 27 | `#ae4a2b` | `oklch(53.46% 0.1385 37.44)` | Red Terra | white, 5.5 to 1 |
| 28 | `#a74428` | `oklch(51.53% 0.1370 36.58)` | Potter’s Clay | white, 5.9 to 1 |
| 29 | `#9e3f24` | `oklch(49.27% 0.1338 36.44)` | Rock Spray | white, 6.5 to 1 |
| 30 | `#95391f` | `oklch(46.89% 0.1295 36.51)` | Spill the Beans | white, 7.2 to 1 |
| 31 | `#8c351b` | `oklch(44.78% 0.1254 36.66)` | Burnt Umber | white, 7.9 to 1 |
| 32 | `#863118` | `oklch(43.31% 0.1226 36.75)` | Chestnut Plum | white, 8.4 to 1 |

## CSS

```css
background: linear-gradient(270deg, #e1d8f3 0.0%, #ddd2f1 3.2%, #d6caee 6.5%, #cec1ea 9.7%, #c6b7e6 12.9%, #beade2 16.1%, #b5a2dd 19.4%, #ac96d8 22.6%, #a48bd2 25.8%, #9b81cb 29.0%, #9279c4 32.3%, #8771bc 35.5%, #806ab4 38.7%, #7c63ab 41.9%, #805da1 45.2%, #875994 48.4%, #8f5785 51.6%, #955678 54.8%, #9b566d 58.1%, #a55863 61.3%, #b15a57 64.5%, #bb5e4a 67.7%, #bf5f3c 71.0%, #be5d32 74.2%, #ba582d 77.4%, #b5512c 80.6%, #ae4a2b 83.9%, #a74428 87.1%, #9e3f24 90.3%, #95391f 93.5%, #8c351b 96.8%, #863118 100.0%);
background: linear-gradient(270deg in oklch, oklch(89.76% 0.0386 301.64) 0.0%, oklch(88.21% 0.0437 301.26) 3.2%, oklch(86.01% 0.0510 300.71) 6.5%, oklch(83.42% 0.0594 300.13) 9.7%, oklch(80.69% 0.0681 299.66) 12.9%, oklch(77.94% 0.0766 299.42) 16.1%, oklch(74.91% 0.0864 299.33) 19.4%, oklch(71.75% 0.0964 299.34) 22.6%, oklch(68.63% 0.1050 299.43) 25.8%, oklch(65.75% 0.1109 299.52) 29.0%, oklch(62.89% 0.1137 298.37) 32.3%, oklch(60.06% 0.1145 296.65) 35.5%, oklch(57.53% 0.1137 296.23) 38.7%, oklch(55.55% 0.1121 298.96) 41.9%, oklch(54.30% 0.1092 306.63) 45.2%, oklch(53.64% 0.1034 318.80) 48.4%, oklch(53.46% 0.0973 333.23) 51.6%, oklch(53.64% 0.0935 347.62) 54.8%, oklch(54.13% 0.0947 359.88) 58.1%, oklch(55.42% 0.1021 11.78) 61.3%, oklch(57.19% 0.1131 23.33) 64.5%, oklch(58.76% 0.1245 33.26) 67.7%, oklch(59.46% 0.1329 40.28) 71.0%, oklch(58.90% 0.1370 43.15) 74.2%, oklch(57.47% 0.1389 42.42) 77.4%, oklch(55.53% 0.1392 39.91) 80.6%, oklch(53.46% 0.1385 37.44) 83.9%, oklch(51.53% 0.1370 36.58) 87.1%, oklch(49.27% 0.1338 36.44) 90.3%, oklch(46.89% 0.1295 36.51) 93.5%, oklch(44.78% 0.1254 36.66) 96.8%, oklch(43.31% 0.1226 36.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.898 | 0.039 | 301.6 |
| 2 | 0.795 | 0.072 | 299.5 |
| 3 | 0.661 | 0.11 | 299.5 |
| 4 | 0.551 | 0.112 | 300.6 |
| 5 | 0.539 | 0.094 | 356.6 |
| 6 | 0.594 | 0.134 | 401 |
| 7 | 0.524 | 0.138 | 396.7 |
| 8 | 0.433 | 0.123 | 396.7 |

## 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/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.json?steps=32&angle=270)
- [PNG](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.png?steps=32&angle=270)
- [SVG](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.svg?steps=32&angle=270)
- [CSS](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.css?steps=32&angle=270)
- [ASE](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.ase?steps=32&angle=270)
- [GPL](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.gpl?steps=32&angle=270)
- [GRD](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.grd?steps=32&angle=270)
- [Design tokens](https://grabient.com/kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4.tokens.json?steps=32&angle=270)
- [Social card](https://grabient.com/api/og?seed=kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4&steps=32&angle=270)
- [Palettes like this one](https://grabient.com/palettes?q=kc5BzW5Ro_tQoP_GKMARKJGkuwxTCsj9tyy_4)
- [Guide for agents](https://grabient.com/llms.txt)