# Lavender Meadow Pinwheel

Five angular wedges move through pale lavender, periwinkle, soft olive, dusty rose, and icy lilac. Use these pastel swatches for invitations, wellness graphics, playful editorial panels, or seasonal packaging that needs a quiet pinwheel composition with cool violet tones and one muted botanical accent.

- Also called: Seamless pastel rainbow angular swatches
- Seed: `kW4SzT6hk9-OfrLiEzDcJQ4Y`
- Page: https://grabient.com/kW4SzT6hk9-OfrLiEzDcJQ4Y?style=angularSwatches&steps=5&angle=240
- Drawn as: angular swatches, 5 steps, 240 degrees
- Kinds: pastel, light, rainbow, seamless
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.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 | `#ddd2fd` | `oklch(88.58% 0.0606 297.42)` | Pale Lavender | black, 14.6 to 1 |
| 2 | `#c0c4f6` | `oklch(83.46% 0.0689 280.51)` | Light Periwinkle | black, 12.4 to 1 |
| 3 | `#b3c080` | `oklch(78.35% 0.0868 117.77)` | Dried Caspia | black, 10.8 to 1 |
| 4 | `#d0a8b9` | `oklch(77.17% 0.0524 349.91)` | Fragrant Lilac | black, 9.9 to 1 |
| 5 | `#d6d5fd` | `oklch(88.58% 0.0551 286.50)` | Pale Phthalo Blue | black, 14.7 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #ddd2fd 0.000% 20.000%, #c0c4f6 20.000% 40.000%, #b3c080 40.000% 60.000%, #d0a8b9 60.000% 80.000%, #d6d5fd 80.000% 100.000%);
background: conic-gradient(from 240deg, oklch(88.58% 0.0606 297.42) 0.000% 20.000%, oklch(83.46% 0.0689 280.51) 20.000% 40.000%, oklch(78.35% 0.0868 117.77) 40.000% 60.000%, oklch(77.17% 0.0524 349.91) 60.000% 80.000%, oklch(88.58% 0.0551 286.50) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.061 | 297.4 |
| 2 | 0.835 | 0.069 | 280.5 |
| 3 | 0.783 | 0.087 | 117.8 |
| 4 | 0.772 | 0.052 | -10.1 |
| 5 | 0.886 | 0.055 | -73.5 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)

## Other forms

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