# Pastel gray, beige and pink radial swatches

Pastel gray, beige and pink radial swatches with 6 colors: #839f7f, #bfc399, #e4dcab, #f0ccb9, #dca6b7, #af99ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqylk5hU8nEXvnukbn4xi51oOPG`
- Page: https://grabient.com/kYqylk5hU8nEXvnukbn4xi51oOPG?style=radialSwatches&steps=6&angle=315
- Drawn as: radial swatches, 6 steps, 315 degrees
- Kinds: pastel, light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#839f7f` | `oklch(67.32% 0.0565 141.33)` | Basswood Green | black, 7.2 to 1 |
| 2 | `#bfc399` | `oklch(80.31% 0.0579 112.80)` | Green Mist | black, 11.4 to 1 |
| 3 | `#e4dcab` | `oklch(88.98% 0.0648 100.11)` | Virgin Olive Oil | black, 15.1 to 1 |
| 4 | `#f0ccb9` | `oklch(87.01% 0.0482 49.39)` | Desert Field | black, 14 to 1 |
| 5 | `#dca6b7` | `oklch(77.95% 0.0675 357.61)` | Iced Vovo | black, 10.1 to 1 |
| 6 | `#af99ad` | `oklch(70.87% 0.0386 328.02)` | Lilac Lustre | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #839f7f 0.000% 16.667%, #bfc399 16.667% 33.333%, #e4dcab 33.333% 50.000%, #f0ccb9 50.000% 66.667%, #dca6b7 66.667% 83.333%, #af99ad 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(67.32% 0.0565 141.33) 0.000% 16.667%, oklch(80.31% 0.0579 112.80) 16.667% 33.333%, oklch(88.98% 0.0648 100.11) 33.333% 50.000%, oklch(87.01% 0.0482 49.39) 50.000% 66.667%, oklch(77.95% 0.0675 357.61) 66.667% 83.333%, oklch(70.87% 0.0386 328.02) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.056 | 141.3 |
| 2 | 0.803 | 0.058 | 112.8 |
| 3 | 0.89 | 0.065 | 100.1 |
| 4 | 0.87 | 0.048 | 49.4 |
| 5 | 0.78 | 0.068 | -2.4 |
| 6 | 0.709 | 0.039 | -32 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)

## Other forms

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