# Mauve, blush and peach sunset palette

The Mauve, blush and peach sunset palette brings together magenta, light magenta, light red, and light orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light orange.

- Also called: Pastel duotone lavender to pink linear gradient
- Seed: `kUpzfl4R1BmgXQ3vkkZg`
- Page: https://grabient.com/kUpzfl4R1BmgXQ3vkkZg?steps=14&angle=99
- Drawn as: linear gradient, 14 steps, 99 degrees
- Kinds: pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 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 | `#a882ad` | `oklch(65.75% 0.0758 322.73)` | Heather | black, 6.4 to 1 |
| 2 | `#af87b2` | `oklch(67.58% 0.0769 324.64)` | African Violet | black, 6.9 to 1 |
| 3 | `#ba8eb9` | `oklch(70.24% 0.0786 327.25)` | La la Love | black, 7.6 to 1 |
| 4 | `#c696c0` | `oklch(73.14% 0.0800 330.63)` | Pomtini | black, 8.5 to 1 |
| 5 | `#d19dc5` | `oklch(75.70% 0.0803 334.86)` | Prize Winning Orchid | black, 9.3 to 1 |
| 6 | `#d9a3c6` | `oklch(77.50% 0.0785 339.90)` | Pastel Lavender | black, 9.9 to 1 |
| 7 | `#dea7c5` | `oklch(78.85% 0.0749 345.54)` | Pink Beauty | black, 10.4 to 1 |
| 8 | `#e2abc2` | `oklch(79.97% 0.0705 352.11)` | Roseate Spoonbill | black, 10.8 to 1 |
| 9 | `#e6b0bf` | `oklch(81.07% 0.0660 359.95)` | Athena Pink | black, 11.3 to 1 |
| 10 | `#eab5bc` | `oklch(82.35% 0.0622 9.61)` | Roseate Hues | black, 11.8 to 1 |
| 11 | `#eebcb8` | `oklch(83.87% 0.0585 22.90)` | Pink Sachet | black, 12.5 to 1 |
| 12 | `#f0c4b6` | `oklch(85.44% 0.0549 37.87)` | Brilliant Beige | black, 13.2 to 1 |
| 13 | `#f0cbb5` | `oklch(86.83% 0.0518 51.56)` | Desert Field | black, 13.9 to 1 |
| 14 | `#f0d0b6` | `oklch(87.80% 0.0496 61.01)` | Pale Coral | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(99deg, #a882ad 0.0%, #af87b2 7.7%, #ba8eb9 15.4%, #c696c0 23.1%, #d19dc5 30.8%, #d9a3c6 38.5%, #dea7c5 46.2%, #e2abc2 53.8%, #e6b0bf 61.5%, #eab5bc 69.2%, #eebcb8 76.9%, #f0c4b6 84.6%, #f0cbb5 92.3%, #f0d0b6 100.0%);
background: linear-gradient(99deg in oklch, oklch(65.75% 0.0758 322.73) 0.0%, oklch(67.58% 0.0769 324.64) 7.7%, oklch(70.24% 0.0786 327.25) 15.4%, oklch(73.14% 0.0800 330.63) 23.1%, oklch(75.70% 0.0803 334.86) 30.8%, oklch(77.50% 0.0785 339.90) 38.5%, oklch(78.85% 0.0749 345.54) 46.2%, oklch(79.97% 0.0705 352.11) 53.8%, oklch(81.07% 0.0660 359.95) 61.5%, oklch(82.35% 0.0622 9.61) 69.2%, oklch(83.87% 0.0585 22.90) 76.9%, oklch(85.44% 0.0549 37.87) 84.6%, oklch(86.83% 0.0518 51.56) 92.3%, oklch(87.80% 0.0496 61.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.076 | 322.7 |
| 2 | 0.764 | 0.08 | 336.5 |
| 3 | 0.819 | 0.063 | 366.1 |
| 4 | 0.878 | 0.05 | 421 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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