# Mint peach pastel halo

The Mint peach pastel halo brings together magenta, light red, light orange, light green, and light blue. The colors span a narrow lightness range, combining restrained 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 green.

- Also called: Purple, pink, tan and light blue angular swatches
- Seed: `kWnCXw45tDuebRXoFEvXxdIo`
- Page: https://grabient.com/kWnCXw45tDuebRXoFEvXxdIo?style=angularSwatches&steps=20&angle=0
- Drawn as: angular swatches, 20 steps, 0 degrees
- Kinds: pastel, light, multicolor
- Hues: complementary
- 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 | `#99798f` | `oklch(61.42% 0.0510 338.20)` | Mountbatten Pink | black, 5.4 to 1 |
| 2 | `#a58096` | `oklch(64.11% 0.0548 342.54)` | Bouquet | black, 6.1 to 1 |
| 3 | `#b68a9f` | `oklch(68.06% 0.0604 348.56)` | Lover’s Tryst | black, 7 to 1 |
| 4 | `#c995a7` | `oklch(72.40% 0.0665 355.78)` | Honey Pink | black, 8.3 to 1 |
| 5 | `#da9fad` | `oklch(76.27% 0.0718 3.74)` | Nana’s Rose | black, 9.5 to 1 |
| 6 | `#e6a7ad` | `oklch(78.84% 0.0750 11.93)` | Perennial Phlox | black, 10.4 to 1 |
| 7 | `#ecabaa` | `oklch(80.23% 0.0766 19.71)` | Hibiscus Petal | black, 10.9 to 1 |
| 8 | `#eeaea5` | `oklch(80.91% 0.0771 27.78)` | Lusty Salmon | black, 11.2 to 1 |
| 9 | `#eeb19e` | `oklch(81.18% 0.0766 37.23)` | Stucco Wall | black, 11.4 to 1 |
| 10 | `#ebb497` | `oklch(81.35% 0.0753 49.16)` | Posh Peach | black, 11.5 to 1 |
| 11 | `#e5ba92` | `oklch(81.69% 0.0731 64.83)` | Fresh Praline | black, 11.7 to 1 |
| 12 | `#d9c291` | `oklch(82.08% 0.0688 85.02)` | Chamomile Tea | black, 12 to 1 |
| 13 | `#c9c999` | `oklch(82.36% 0.0636 107.79)` | Paris Mint | black, 12.2 to 1 |
| 14 | `#b8cea6` | `oklch(82.39% 0.0587 130.89)` | Pixie Green | black, 12.3 to 1 |
| 15 | `#aacfb3` | `oklch(82.05% 0.0555 152.06)` | Pastel Mint Green | black, 12.3 to 1 |
| 16 | `#9ecdbc` | `oklch(81.12% 0.0550 170.73)` | Thermal Aqua | black, 11.9 to 1 |
| 17 | `#92c8c4` | `oklch(79.52% 0.0565 189.16)` | Jamaica Bay | black, 11.3 to 1 |
| 18 | `#89c2c9` | `oklch(77.67% 0.0591 206.20)` | Big Sky Country | black, 10.5 to 1 |
| 19 | `#85bbcd` | `oklch(75.96% 0.0617 220.51)` | Juvie | black, 9.9 to 1 |
| 20 | `#84b5ce` | `oklch(74.80% 0.0634 230.77)` | Harbour Sky | black, 9.5 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #99798f 0.000% 5.000%, #a58096 5.000% 10.000%, #b68a9f 10.000% 15.000%, #c995a7 15.000% 20.000%, #da9fad 20.000% 25.000%, #e6a7ad 25.000% 30.000%, #ecabaa 30.000% 35.000%, #eeaea5 35.000% 40.000%, #eeb19e 40.000% 45.000%, #ebb497 45.000% 50.000%, #e5ba92 50.000% 55.000%, #d9c291 55.000% 60.000%, #c9c999 60.000% 65.000%, #b8cea6 65.000% 70.000%, #aacfb3 70.000% 75.000%, #9ecdbc 75.000% 80.000%, #92c8c4 80.000% 85.000%, #89c2c9 85.000% 90.000%, #85bbcd 90.000% 95.000%, #84b5ce 95.000% 100.000%);
background: conic-gradient(from 0deg, oklch(61.42% 0.0510 338.20) 0.000% 5.000%, oklch(64.11% 0.0548 342.54) 5.000% 10.000%, oklch(68.06% 0.0604 348.56) 10.000% 15.000%, oklch(72.40% 0.0665 355.78) 15.000% 20.000%, oklch(76.27% 0.0718 3.74) 20.000% 25.000%, oklch(78.84% 0.0750 11.93) 25.000% 30.000%, oklch(80.23% 0.0766 19.71) 30.000% 35.000%, oklch(80.91% 0.0771 27.78) 35.000% 40.000%, oklch(81.18% 0.0766 37.23) 40.000% 45.000%, oklch(81.35% 0.0753 49.16) 45.000% 50.000%, oklch(81.69% 0.0731 64.83) 50.000% 55.000%, oklch(82.08% 0.0688 85.02) 55.000% 60.000%, oklch(82.36% 0.0636 107.79) 60.000% 65.000%, oklch(82.39% 0.0587 130.89) 65.000% 70.000%, oklch(82.05% 0.0555 152.06) 70.000% 75.000%, oklch(81.12% 0.0550 170.73) 75.000% 80.000%, oklch(79.52% 0.0565 189.16) 80.000% 85.000%, oklch(77.67% 0.0591 206.20) 85.000% 90.000%, oklch(75.96% 0.0617 220.51) 90.000% 95.000%, oklch(74.80% 0.0634 230.77) 95.000% 100.000%);
```

## Keyframes

5 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.783 | 0.074 | 369.9 |
| 3 | 0.815 | 0.074 | 416.4 |
| 4 | 0.819 | 0.055 | 516.8 |
| 5 | 0.748 | 0.063 | 590.8 |

## In these collections

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

## Other forms

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