# Analogous blue, gray and lavender radial swatches

Analogous blue, gray and lavender radial swatches with 9 colors: #5a729c, #708ab4, #90a6ca, #b5c1d7, #cbc3d6, #cfb6c6, #bc9fc1, #9786b4, #72719f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYjDS6Vxg_2gLQHnDEiWhe88gaPK`
- Page: https://grabient.com/kYjDS6Vxg_2gLQHnDEiWhe88gaPK?style=radialSwatches&steps=9
- Drawn as: radial swatches, 9 steps, 90 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.8 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 | `#5a729c` | `oklch(55.12% 0.0717 261.56)` | Blueberry Patch | white, 4.8 to 1 |
| 2 | `#708ab4` | `oklch(62.90% 0.0707 260.56)` | Windsurf Blue | black, 5.9 to 1 |
| 3 | `#90a6ca` | `oklch(72.18% 0.0584 259.58)` | Polo Blue | black, 8.5 to 1 |
| 4 | `#b5c1d7` | `oklch(80.89% 0.0332 260.88)` | Xenon Blue | black, 11.5 to 1 |
| 5 | `#cbc3d6` | `oklch(82.97% 0.0275 303.04)` | Powder Viola | black, 12.3 to 1 |
| 6 | `#cfb6c6` | `oklch(80.30% 0.0358 339.20)` | Soft Amethyst | black, 11.1 to 1 |
| 7 | `#bc9fc1` | `oklch(73.92% 0.0579 321.08)` | Beach Lilac | black, 8.8 to 1 |
| 8 | `#9786b4` | `oklch(65.22% 0.0695 300.93)` | Silk Lilac | black, 6.3 to 1 |
| 9 | `#72719f` | `oklch(56.69% 0.0717 284.81)` | Hyacinth Mauve | white, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #5a729c 0.000% 11.111%, #708ab4 11.111% 22.222%, #90a6ca 22.222% 33.333%, #b5c1d7 33.333% 44.444%, #cbc3d6 44.444% 55.556%, #cfb6c6 55.556% 66.667%, #bc9fc1 66.667% 77.778%, #9786b4 77.778% 88.889%, #72719f 88.889% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(55.12% 0.0717 261.56) 0.000% 11.111%, oklch(62.90% 0.0707 260.56) 11.111% 22.222%, oklch(72.18% 0.0584 259.58) 22.222% 33.333%, oklch(80.89% 0.0332 260.88) 33.333% 44.444%, oklch(82.97% 0.0275 303.04) 44.444% 55.556%, oklch(80.30% 0.0358 339.20) 55.556% 66.667%, oklch(73.92% 0.0579 321.08) 66.667% 77.778%, oklch(65.22% 0.0695 300.93) 77.778% 88.889%, oklch(56.69% 0.0717 284.81) 88.889% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.072 | 261.6 |
| 2 | 0.685 | 0.066 | 260.5 |
| 3 | 0.819 | 0.03 | 264.7 |
| 4 | 0.811 | 0.033 | 337.6 |
| 5 | 0.709 | 0.065 | 312.3 |
| 6 | 0.567 | 0.072 | 284.8 |

## In these collections

- [Dusk swatches](https://grabient.com/dusk-swatches)

## Other forms

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