# Coral and mauve sky palette

The Coral and mauve sky palette brings together light red, red, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is light red.

- Also called: Analogous pink, magenta and purple angular gradient
- Seed: `kW2DEV2zI-UxBPw-uj8Npu9w`
- Page: https://grabient.com/kW2DEV2zI-UxBPw-uj8Npu9w?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#f7beb4` | `oklch(85.04% 0.0675 30.23)` | Candy Kisses | black, 12.9 to 1 |
| 2 | `#f7b9af` | `oklch(83.96% 0.0734 29.09)` | Mixed Fruit | black, 12.5 to 1 |
| 3 | `#f6b2a9` | `oklch(82.50% 0.0814 27.51)` | Sango Pink | black, 11.8 to 1 |
| 4 | `#f6aaa2` | `oklch(80.76% 0.0909 25.62)` | Rosy Outlook | black, 11.1 to 1 |
| 5 | `#f4a09b` | `oklch(78.84% 0.1014 23.57)` | Pink Eraser | black, 10.3 to 1 |
| 6 | `#f39694` | `oklch(76.83% 0.1121 21.46)` | Peach Burst | black, 9.6 to 1 |
| 7 | `#f18c8e` | `oklch(74.83% 0.1225 19.44)` | Vinaceous Cinnamon | black, 8.8 to 1 |
| 8 | `#ef8388` | `oklch(72.94% 0.1318 17.63)` | Apple Valley | black, 8.2 to 1 |
| 9 | `#ec7b84` | `oklch(71.25% 0.1396 16.16)` | Flower Blossom Pink | black, 7.7 to 1 |
| 10 | `#e97380` | `oklch(69.65% 0.1468 14.94)` | Passion Pink | black, 7.2 to 1 |
| 11 | `#e76b7c` | `oklch(68.07% 0.1537 13.89)` | Old Heart | black, 6.7 to 1 |
| 12 | `#e46478` | `oklch(66.53% 0.1603 12.95)` | Cherry Static | black, 6.3 to 1 |
| 13 | `#e15c74` | `oklch(65.01% 0.1662 12.09)` | Swiss Chard | black, 5.9 to 1 |
| 14 | `#dd5570` | `oklch(63.51% 0.1713 11.26)` | Rosy Cheeks | black, 5.6 to 1 |
| 15 | `#da4e6d` | `oklch(62.03% 0.1754 10.44)` | Rosy Cheeks | black, 5.2 to 1 |
| 16 | `#d5486a` | `oklch(60.57% 0.1782 9.56)` | Pink Punch | black, 4.9 to 1 |
| 17 | `#d04268` | `oklch(59.11% 0.1797 8.64)` | Paper Hearts | black, 4.6 to 1 |
| 18 | `#cb3c65` | `oklch(57.65% 0.1802 7.83)` | Dark Pink | white, 4.7 to 1 |
| 19 | `#c53862` | `oklch(56.17% 0.1797 7.09)` | Raspberry Jam | white, 5 to 1 |
| 20 | `#c03360` | `oklch(54.72% 0.1782 6.35)` | Maroon Light | white, 5.4 to 1 |
| 21 | `#b9305e` | `oklch(53.30% 0.1756 5.55)` | Valentine’s Kiss | white, 5.7 to 1 |
| 22 | `#b32e5c` | `oklch(51.95% 0.1720 4.62)` | Blood Thorn | white, 6 to 1 |
| 23 | `#ad2c5b` | `oklch(50.67% 0.1673 3.49)` | Jam Jar | white, 6.4 to 1 |
| 24 | `#a62c5a` | `oklch(49.49% 0.1615 2.10)` | Vivacious | white, 6.7 to 1 |
| 25 | `#9f2d5b` | `oklch(48.41% 0.1539 0.30)` | Parlour Red | white, 7 to 1 |
| 26 | `#97305b` | `oklch(47.37% 0.1436 358.01)` | Thorne Wines | white, 7.2 to 1 |
| 27 | `#8f335c` | `oklch(46.40% 0.1314 355.38)` | Pink Horror | white, 7.5 to 1 |
| 28 | `#86365d` | `oklch(45.50% 0.1183 352.61)` | Berry Patch | white, 7.7 to 1 |
| 29 | `#7e395d` | `oklch(44.69% 0.1052 349.87)` | Pleasure | white, 7.9 to 1 |
| 30 | `#773b5c` | `oklch(43.98% 0.0931 347.36)` | Passionate Plum | white, 8.1 to 1 |
| 31 | `#713d5b` | `oklch(43.39% 0.0830 345.25)` | Mystique Violet | white, 8.3 to 1 |
| 32 | `#6c3e5a` | `oklch(42.91% 0.0758 343.74)` | Royal Lines | white, 8.4 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #f7beb4 0.0%, #f7b9af 3.2%, #f6b2a9 6.5%, #f6aaa2 9.7%, #f4a09b 12.9%, #f39694 16.1%, #f18c8e 19.4%, #ef8388 22.6%, #ec7b84 25.8%, #e97380 29.0%, #e76b7c 32.3%, #e46478 35.5%, #e15c74 38.7%, #dd5570 41.9%, #da4e6d 45.2%, #d5486a 48.4%, #d04268 51.6%, #cb3c65 54.8%, #c53862 58.1%, #c03360 61.3%, #b9305e 64.5%, #b32e5c 67.7%, #ad2c5b 71.0%, #a62c5a 74.2%, #9f2d5b 77.4%, #97305b 80.6%, #8f335c 83.9%, #86365d 87.1%, #7e395d 90.3%, #773b5c 93.5%, #713d5b 96.8%, #6c3e5a 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(85.04% 0.0675 30.23) 0.0%, oklch(83.96% 0.0734 29.09) 3.2%, oklch(82.50% 0.0814 27.51) 6.5%, oklch(80.76% 0.0909 25.62) 9.7%, oklch(78.84% 0.1014 23.57) 12.9%, oklch(76.83% 0.1121 21.46) 16.1%, oklch(74.83% 0.1225 19.44) 19.4%, oklch(72.94% 0.1318 17.63) 22.6%, oklch(71.25% 0.1396 16.16) 25.8%, oklch(69.65% 0.1468 14.94) 29.0%, oklch(68.07% 0.1537 13.89) 32.3%, oklch(66.53% 0.1603 12.95) 35.5%, oklch(65.01% 0.1662 12.09) 38.7%, oklch(63.51% 0.1713 11.26) 41.9%, oklch(62.03% 0.1754 10.44) 45.2%, oklch(60.57% 0.1782 9.56) 48.4%, oklch(59.11% 0.1797 8.64) 51.6%, oklch(57.65% 0.1802 7.83) 54.8%, oklch(56.17% 0.1797 7.09) 58.1%, oklch(54.72% 0.1782 6.35) 61.3%, oklch(53.30% 0.1756 5.55) 64.5%, oklch(51.95% 0.1720 4.62) 67.7%, oklch(50.67% 0.1673 3.49) 71.0%, oklch(49.49% 0.1615 2.10) 74.2%, oklch(48.41% 0.1539 0.30) 77.4%, oklch(47.37% 0.1436 358.01) 80.6%, oklch(46.40% 0.1314 355.38) 83.9%, oklch(45.50% 0.1183 352.61) 87.1%, oklch(44.69% 0.1052 349.87) 90.3%, oklch(43.98% 0.0931 347.36) 93.5%, oklch(43.39% 0.0830 345.25) 96.8%, oklch(42.91% 0.0758 343.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.068 | 30.2 |
| 2 | 0.717 | 0.138 | 16.5 |
| 3 | 0.598 | 0.179 | 9.1 |
| 4 | 0.492 | 0.16 | 1.7 |
| 5 | 0.429 | 0.076 | -16.3 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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