# Lilac and mint color palette

The Lilac and mint color palette brings together light magenta, pale green, light green, gray, and magenta. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is pale green.

- Also called: Pink, light green, gray and purple linear gradient
- Seed: `kc0WXo7wxCXKM0DxHsF6yHA-CWv_Rg88QjBGA`
- Page: https://grabient.com/kc0WXo7wxCXKM0DxHsF6yHA-CWv_Rg88QjBGA?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: light center, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.4 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 | `#f4a4f4` | `oklch(82.28% 0.1392 326.95)` | Rich Brilliant Lavender | black, 11.4 to 1 |
| 2 | `#e7cdda` | `oklch(87.40% 0.0331 347.03)` | Petit Pink | black, 14.1 to 1 |
| 3 | `#d9e3ca` | `oklch(90.16% 0.0344 124.41)` | Lacewing | black, 15.7 to 1 |
| 4 | `#c1e8b2` | `oklch(88.98% 0.0841 137.09)` | Almost Aloe | black, 15.4 to 1 |
| 5 | `#a5dca7` | `oklch(84.25% 0.0923 145.54)` | Green Trance | black, 13.3 to 1 |
| 6 | `#99bc99` | `oklch(75.98% 0.0620 145.54)` | Quiet Green | black, 10 to 1 |
| 7 | `#8b8c93` | `oklch(64.17% 0.0096 273.41)` | Sleet | black, 6.2 to 1 |
| 8 | `#8e4a92` | `oklch(51.97% 0.1323 325.19)` | Cosmic Berry | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f4a4f4 0.0%, #e7cdda 14.3%, #d9e3ca 28.6%, #c1e8b2 42.9%, #a5dca7 57.1%, #99bc99 71.4%, #8b8c93 85.7%, #8e4a92 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.28% 0.1392 326.95) 0.0%, oklch(87.40% 0.0331 347.03) 14.3%, oklch(90.16% 0.0344 124.41) 28.6%, oklch(88.98% 0.0841 137.09) 42.9%, oklch(84.25% 0.0923 145.54) 57.1%, oklch(75.98% 0.0620 145.54) 71.4%, oklch(64.17% 0.0096 273.41) 85.7%, oklch(51.97% 0.1323 325.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.139 | 327 |
| 2 | 0.874 | 0.033 | 347 |
| 3 | 0.902 | 0.034 | 484.4 |
| 4 | 0.89 | 0.084 | 497.1 |
| 5 | 0.843 | 0.092 | 505.5 |
| 6 | 0.76 | 0.062 | 505.5 |
| 7 | 0.642 | 0.01 | 633.4 |
| 8 | 0.52 | 0.132 | 685.2 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)

## Other forms

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