# Lilac and aqua spring palette

The Lilac and aqua spring palette brings together light magenta, light purple, light blue, pale teal, and light teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is light magenta, and its lightest tone is light teal.

- Also called: Pink, lavender and light blue linear gradient
- Seed: `kYxo_mZTW_WijPrskry8RC4HUcu-`
- Page: https://grabient.com/kYxo_mZTW_WijPrskry8RC4HUcu-?steps=6&angle=45
- Drawn as: linear gradient, 6 steps, 45 degrees
- Kinds: vivid, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.7 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 | `#f286fe` | `oklch(77.95% 0.1970 323.44)` | Give Me Your Love | black, 9.6 to 1 |
| 2 | `#e49cf9` | `oklch(79.53% 0.1474 318.15)` | Medium Lavender Magenta | black, 10.4 to 1 |
| 3 | `#d6b5f6` | `oklch(82.28% 0.0965 307.59)` | Pink Illusion | black, 11.7 to 1 |
| 4 | `#c8ccf1` | `oklch(85.43% 0.0510 280.11)` | Miami White | black, 13.3 to 1 |
| 5 | `#b9e3ed` | `oklch(88.98% 0.0455 213.54)` | Ocean Front | black, 15.2 to 1 |
| 6 | `#aaf7e7` | `oklch(92.13% 0.0785 179.72)` | Pale King’s Blue | black, 17.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f286fe 0.0%, #e49cf9 20.0%, #d6b5f6 40.0%, #c8ccf1 60.0%, #b9e3ed 80.0%, #aaf7e7 100.0%);
background: linear-gradient(45deg in oklch, oklch(77.95% 0.1970 323.44) 0.0%, oklch(79.53% 0.1474 318.15) 20.0%, oklch(82.28% 0.0965 307.59) 40.0%, oklch(85.43% 0.0510 280.11) 60.0%, oklch(88.98% 0.0455 213.54) 80.0%, oklch(92.13% 0.0785 179.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.197 | 323.4 |
| 2 | 0.795 | 0.147 | 318.2 |
| 3 | 0.823 | 0.096 | 307.6 |
| 4 | 0.854 | 0.051 | 280.1 |
| 5 | 0.89 | 0.045 | 213.5 |
| 6 | 0.921 | 0.079 | 179.7 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Ice gradients](https://grabient.com/ice-gradients)

## Other forms

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