# Off-white, cream and lavender spring palette

The Off-white, cream and lavender spring palette brings together off-white, pale yellow, pale red, and light purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is light purple, and its lightest tone is off-white.

- Also called: White, beige and lavender linear gradient
- Seed: `ka_gBM_wBAP6Iv18GEAc5A3msjNtisT2A`
- Page: https://grabient.com/ka_gBM_wBAP6Iv18GEAc5A3msjNtisT2A
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.1 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 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 2 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 3 | `#fffff4` | `oklch(99.61% 0.0138 104.46)` | Milk | black, 20.7 to 1 |
| 4 | `#fdfbc7` | `oklch(97.64% 0.0661 105.46)` | Lemon Soap | black, 19.7 to 1 |
| 5 | `#fdd7ce` | `oklch(90.94% 0.0441 34.66)` | Elusive | black, 15.8 to 1 |
| 6 | `#e6b8f5` | `oklch(84.25% 0.0965 317.52)` | Lavender Fragrance | black, 12.5 to 1 |
| 7 | `#c0a3ff` | `oklch(77.56% 0.1311 297.44)` | Diva | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffffff 0.0%, #ffffff 16.7%, #fffff4 33.3%, #fdfbc7 50.0%, #fdd7ce 66.7%, #e6b8f5 83.3%, #c0a3ff 100.0%);
background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(100.00% 0.0000 89.88) 16.7%, oklch(99.61% 0.0138 104.46) 33.3%, oklch(97.64% 0.0661 105.46) 50.0%, oklch(90.94% 0.0441 34.66) 66.7%, oklch(84.25% 0.0965 317.52) 83.3%, oklch(77.56% 0.1311 297.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0 | 107.6 |
| 2 | 1 | 0 | 109.7 |
| 3 | 0.996 | 0.023 | 104.4 |
| 4 | 0.976 | 0.066 | 105.5 |
| 5 | 0.909 | 0.044 | 34.7 |
| 6 | 0.843 | 0.096 | -42.5 |
| 7 | 0.776 | 0.135 | -62.6 |

## In these collections

- [Lavender](https://grabient.com/lavender)
- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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