# Pale lavender and rose analogous palette

The Pale lavender and rose analogous palette brings together pale purple, light purple, light magenta, and magenta. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and campaign graphics. Its darkest tone is magenta, and its lightest tone is pale purple.

- Also called: Pastel analogous lavender and pink linear swatches
- Seed: `kW6xnebRc_uSfwPdKMG2K_B4`
- Page: https://grabient.com/kW6xnebRc_uSfwPdKMG2K_B4?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: pastel
- Hues: analogous
- 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 | `#eee0f7` | `oklch(92.52% 0.0344 312.19)` | Sheer Lavender | black, 16.6 to 1 |
| 2 | `#ddc6f0` | `oklch(85.83% 0.0634 310.07)` | Foggy Love | black, 13.3 to 1 |
| 3 | `#d3aadf` | `oklch(79.13% 0.0868 318.53)` | Favourite Lavender | black, 10.5 to 1 |
| 4 | `#d38dc6` | `oklch(73.23% 0.1116 333.32)` | Cyclamen | black, 8.4 to 1 |
| 5 | `#d979a8` | `oklch(69.69% 0.1309 350.23)` | Wild Orchid | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #eee0f7 0.000% 20.000%, #ddc6f0 20.000% 40.000%, #d3aadf 40.000% 60.000%, #d38dc6 60.000% 80.000%, #d979a8 80.000% 100.000%);
background: linear-gradient(180deg, oklch(92.52% 0.0344 312.19) 0.000% 20.000%, oklch(85.83% 0.0634 310.07) 20.000% 40.000%, oklch(79.13% 0.0868 318.53) 40.000% 60.000%, oklch(73.23% 0.1116 333.32) 60.000% 80.000%, oklch(69.69% 0.1309 350.23) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.034 | 312.2 |
| 2 | 0.858 | 0.063 | 310.1 |
| 3 | 0.791 | 0.087 | 318.5 |
| 4 | 0.732 | 0.112 | 333.3 |
| 5 | 0.697 | 0.131 | 350.2 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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