# Pastel monochrome lavender angular swatches

Pastel monochrome lavender angular swatches with 9 colors: #e3dcfb, #e0d6f9, #dccef5, #d9c6f1, #dac1ee, #dec2ec, #e4c5eb, #ebcaea, #eecdea. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS5x_Ta5hBfCTQm`
- Page: https://grabient.com/kS5x_Ta5hBfCTQm?style=angularSwatches&steps=9&angle=135
- Drawn as: angular swatches, 9 steps, 135 degrees
- Kinds: even lightness, pastel, light, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#e3dcfb` | `oklch(90.94% 0.0427 296.72)` | Contrail | black, 15.8 to 1 |
| 2 | `#e0d6f9` | `oklch(89.57% 0.0478 298.80)` | Japan Blush | black, 15.1 to 1 |
| 3 | `#dccef5` | `oklch(87.55% 0.0553 301.74)` | Pale Lavender | black, 14.2 to 1 |
| 4 | `#d9c6f1` | `oklch(85.65% 0.0624 305.34)` | Foggy Love | black, 13.3 to 1 |
| 5 | `#dac1ee` | `oklch(84.65% 0.0661 309.40)` | Beefy Pink | black, 12.8 to 1 |
| 6 | `#dec2ec` | `oklch(85.00% 0.0650 314.58)` | Beefy Pink | black, 12.9 to 1 |
| 7 | `#e4c5eb` | `oklch(86.22% 0.0607 320.76)` | Prom Corsage | black, 13.5 to 1 |
| 8 | `#ebcaea` | `oklch(87.64% 0.0557 326.54)` | Sugar High | black, 14.1 to 1 |
| 9 | `#eecdea` | `oklch(88.58% 0.0524 330.53)` | Poodle Pink | black, 14.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #e3dcfb 0.000% 11.111%, #e0d6f9 11.111% 22.222%, #dccef5 22.222% 33.333%, #d9c6f1 33.333% 44.444%, #dac1ee 44.444% 55.556%, #dec2ec 55.556% 66.667%, #e4c5eb 66.667% 77.778%, #ebcaea 77.778% 88.889%, #eecdea 88.889% 100.000%);
background: conic-gradient(from 135deg, oklch(90.94% 0.0427 296.72) 0.000% 11.111%, oklch(89.57% 0.0478 298.80) 11.111% 22.222%, oklch(87.55% 0.0553 301.74) 22.222% 33.333%, oklch(85.65% 0.0624 305.34) 33.333% 44.444%, oklch(84.65% 0.0661 309.40) 44.444% 55.556%, oklch(85.00% 0.0650 314.58) 55.556% 66.667%, oklch(86.22% 0.0607 320.76) 66.667% 77.778%, oklch(87.64% 0.0557 326.54) 77.778% 88.889%, oklch(88.58% 0.0524 330.53) 88.889% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.043 | 296.7 |
| 2 | 0.846 | 0.066 | 309.4 |
| 3 | 0.886 | 0.052 | 330.5 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)
- [Calm swatches](https://grabient.com/calm-swatches)
- [Dusty swatches](https://grabient.com/dusty-swatches)

## Other forms

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