# Mauve, mint and coral pastel palette

The Mauve, mint and coral pastel palette brings together magenta, light green, pale orange, and light red. The colors span a moderate 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 pale orange.

- Also called: Purple, gray, beige and pink angular swatches
- Seed: `kUnCXw6BRU_UPt_eIjaA`
- Page: https://grabient.com/kUnCXw6BRU_UPt_eIjaA?style=angularSwatches&steps=20&angle=0
- Drawn as: angular swatches, 20 steps, 0 degrees
- Kinds: light center, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 3 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 | `#99798f` | `oklch(61.42% 0.0510 338.20)` | Mountbatten Pink | black, 5.4 to 1 |
| 2 | `#a67e8a` | `oklch(63.61% 0.0516 358.87)` | Silken Raspberry | black, 5.9 to 1 |
| 3 | `#b38982` | `oklch(66.72% 0.0525 29.51)` | Warm Comfort | black, 6.7 to 1 |
| 4 | `#b7997d` | `oklch(70.38% 0.0536 65.13)` | Coffee Clay | black, 7.8 to 1 |
| 5 | `#b3ad85` | `oklch(74.22% 0.0546 100.74)` | Tarragon Tease | black, 9.2 to 1 |
| 6 | `#abbf9a` | `oklch(77.89% 0.0553 131.34)` | Rolling Glen | black, 10.6 to 1 |
| 7 | `#a7ccb0` | `oklch(81.03% 0.0553 151.95)` | Calculus | black, 11.8 to 1 |
| 8 | `#acd4bc` | `oklch(83.54% 0.0542 159.01)` | Eerie Glow | black, 12.9 to 1 |
| 9 | `#b7dcc3` | `oklch(86.04% 0.0514 155.75)` | Sprite Twist | black, 14 to 1 |
| 10 | `#c6e2c6` | `oklch(88.38% 0.0478 145.16)` | Chayote | black, 15 to 1 |
| 11 | `#d5e6c7` | `oklch(90.34% 0.0443 129.98)` | Tactile | black, 15.9 to 1 |
| 12 | `#e3e7c8` | `oklch(91.72% 0.0419 112.99)` | Origami Clover | black, 16.5 to 1 |
| 13 | `#ede6c7` | `oklch(92.29% 0.0414 96.93)` | Button Mushroom | black, 16.7 to 1 |
| 14 | `#f2e2c4` | `oklch(91.82% 0.0440 84.10)` | Cloud of Cream | black, 16.4 to 1 |
| 15 | `#f3d9ba` | `oklch(89.86% 0.0502 70.80)` | Cachet Cream | black, 15.4 to 1 |
| 16 | `#f3caaf` | `oklch(86.76% 0.0590 56.36)` | Pastel Peach | black, 13.8 to 1 |
| 17 | `#f0b9a5` | `oklch(83.08% 0.0692 41.88)` | Antique Cameo | black, 12.2 to 1 |
| 18 | `#eaa99f` | `oklch(79.36% 0.0792 28.42)` | Soft Salmon | black, 10.6 to 1 |
| 19 | `#e49b9d` | `oklch(76.16% 0.0878 17.05)` | All Dressed Up | black, 9.4 to 1 |
| 20 | `#df929f` | `oklch(74.02% 0.0937 8.85)` | Rose Marquis | black, 8.7 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #99798f 0.000% 5.000%, #a67e8a 5.000% 10.000%, #b38982 10.000% 15.000%, #b7997d 15.000% 20.000%, #b3ad85 20.000% 25.000%, #abbf9a 25.000% 30.000%, #a7ccb0 30.000% 35.000%, #acd4bc 35.000% 40.000%, #b7dcc3 40.000% 45.000%, #c6e2c6 45.000% 50.000%, #d5e6c7 50.000% 55.000%, #e3e7c8 55.000% 60.000%, #ede6c7 60.000% 65.000%, #f2e2c4 65.000% 70.000%, #f3d9ba 70.000% 75.000%, #f3caaf 75.000% 80.000%, #f0b9a5 80.000% 85.000%, #eaa99f 85.000% 90.000%, #e49b9d 90.000% 95.000%, #df929f 95.000% 100.000%);
background: conic-gradient(from 0deg, oklch(61.42% 0.0510 338.20) 0.000% 5.000%, oklch(63.61% 0.0516 358.87) 5.000% 10.000%, oklch(66.72% 0.0525 29.51) 10.000% 15.000%, oklch(70.38% 0.0536 65.13) 15.000% 20.000%, oklch(74.22% 0.0546 100.74) 20.000% 25.000%, oklch(77.89% 0.0553 131.34) 25.000% 30.000%, oklch(81.03% 0.0553 151.95) 30.000% 35.000%, oklch(83.54% 0.0542 159.01) 35.000% 40.000%, oklch(86.04% 0.0514 155.75) 40.000% 45.000%, oklch(88.38% 0.0478 145.16) 45.000% 50.000%, oklch(90.34% 0.0443 129.98) 50.000% 55.000%, oklch(91.72% 0.0419 112.99) 55.000% 60.000%, oklch(92.29% 0.0414 96.93) 60.000% 65.000%, oklch(91.82% 0.0440 84.10) 65.000% 70.000%, oklch(89.86% 0.0502 70.80) 70.000% 75.000%, oklch(86.76% 0.0590 56.36) 75.000% 80.000%, oklch(83.08% 0.0692 41.88) 80.000% 85.000%, oklch(79.36% 0.0792 28.42) 85.000% 90.000%, oklch(76.16% 0.0878 17.05) 90.000% 95.000%, oklch(74.02% 0.0937 8.85) 95.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.051 | 338.2 |
| 2 | 0.819 | 0.055 | 515.7 |
| 3 | 0.921 | 0.043 | 448.1 |
| 4 | 0.74 | 0.094 | 368.8 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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