# Pastel gray, blue and peach radial swatches

Pastel gray, blue and peach radial swatches with 21 colors: #e9d6cd, #e6ded1, #e3e7dd, #e4ece8, #e0eced, #d6e9f5, #d5e1fb, #dadaf9, #ddd6f1, #dbd4ea, #d6d6e9, #d0deec, #d1e8e7, #deeddd, #e8ebd3, #ece6c7, #eee0bb, #f3dab5, #f6d6b4, #f8d3b6, #f9d2b8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka4hIi9wPPPKPS_wCcD9ootfKUOjxFLyg`
- Page: https://grabient.com/ka4hIi9wPPPKPS_wCcD9ootfKUOjxFLyg?style=radialSwatches&steps=21&angle=225
- Drawn as: radial swatches, 21 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.1 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 | `#e9d6cd` | `oklch(88.98% 0.0248 48.52)` | Coral Cream | black, 14.9 to 1 |
| 2 | `#e6ded1` | `oklch(90.31% 0.0199 78.58)` | Designer White | black, 15.7 to 1 |
| 3 | `#e3e7dd` | `oklch(92.18% 0.0131 121.66)` | Crystal Brooke | black, 16.7 to 1 |
| 4 | `#e4ece8` | `oklch(93.54% 0.0093 165.08)` | Morning Song | black, 17.4 to 1 |
| 5 | `#e0eced` | `oklch(93.50% 0.0137 200.98)` | Winter’s Breath | black, 17.4 to 1 |
| 6 | `#d6e9f5` | `oklch(92.35% 0.0255 235.69)` | Freezing Vapour | black, 16.8 to 1 |
| 7 | `#d5e1fb` | `oklch(90.90% 0.0372 264.99)` | Puffy Cloud | black, 16 to 1 |
| 8 | `#dadaf9` | `oklch(89.86% 0.0416 284.24)` | Nostalgia Perfume | black, 15.4 to 1 |
| 9 | `#ddd6f1` | `oklch(88.92% 0.0379 296.88)` | Japan Blush | black, 14.9 to 1 |
| 10 | `#dbd4ea` | `oklch(88.21% 0.0310 299.85)` | Teary Eyed | black, 14.6 to 1 |
| 11 | `#d6d6e9` | `oklch(88.19% 0.0262 287.34)` | Early Dog Violet | black, 14.6 to 1 |
| 12 | `#d0deec` | `oklch(89.46% 0.0246 249.14)` | Happy Thoughts | black, 15.3 to 1 |
| 13 | `#d1e8e7` | `oklch(91.51% 0.0243 193.65)` | Icicle Mint | black, 16.4 to 1 |
| 14 | `#deeddd` | `oklch(93.10% 0.0263 142.96)` | Vanishing Point | black, 17.2 to 1 |
| 15 | `#e8ebd3` | `oklch(93.17% 0.0318 113.98)` | Celery Ice | black, 17.2 to 1 |
| 16 | `#ece6c7` | `oklch(92.13% 0.0413 98.58)` | Button Mushroom | black, 16.6 to 1 |
| 17 | `#eee0bb` | `oklch(90.79% 0.0509 88.98)` | Satin Souffle | black, 15.9 to 1 |
| 18 | `#f3dab5` | `oklch(89.95% 0.0563 78.60)` | Lion’s Roar | black, 15.5 to 1 |
| 19 | `#f6d6b4` | `oklch(89.49% 0.0576 68.50)` | Frangipane | black, 15.2 to 1 |
| 20 | `#f8d3b6` | `oklch(89.18% 0.0570 60.41)` | Serene Peach | black, 15 to 1 |
| 21 | `#f9d2b8` | `oklch(88.98% 0.0565 54.86)` | Autumn Wind | black, 14.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e9d6cd 0.000% 4.762%, #e6ded1 4.762% 9.524%, #e3e7dd 9.524% 14.286%, #e4ece8 14.286% 19.048%, #e0eced 19.048% 23.810%, #d6e9f5 23.810% 28.571%, #d5e1fb 28.571% 33.333%, #dadaf9 33.333% 38.095%, #ddd6f1 38.095% 42.857%, #dbd4ea 42.857% 47.619%, #d6d6e9 47.619% 52.381%, #d0deec 52.381% 57.143%, #d1e8e7 57.143% 61.905%, #deeddd 61.905% 66.667%, #e8ebd3 66.667% 71.429%, #ece6c7 71.429% 76.190%, #eee0bb 76.190% 80.952%, #f3dab5 80.952% 85.714%, #f6d6b4 85.714% 90.476%, #f8d3b6 90.476% 95.238%, #f9d2b8 95.238% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.98% 0.0248 48.52) 0.000% 4.762%, oklch(90.31% 0.0199 78.58) 4.762% 9.524%, oklch(92.18% 0.0131 121.66) 9.524% 14.286%, oklch(93.54% 0.0093 165.08) 14.286% 19.048%, oklch(93.50% 0.0137 200.98) 19.048% 23.810%, oklch(92.35% 0.0255 235.69) 23.810% 28.571%, oklch(90.90% 0.0372 264.99) 28.571% 33.333%, oklch(89.86% 0.0416 284.24) 33.333% 38.095%, oklch(88.92% 0.0379 296.88) 38.095% 42.857%, oklch(88.21% 0.0310 299.85) 42.857% 47.619%, oklch(88.19% 0.0262 287.34) 47.619% 52.381%, oklch(89.46% 0.0246 249.14) 52.381% 57.143%, oklch(91.51% 0.0243 193.65) 57.143% 61.905%, oklch(93.10% 0.0263 142.96) 61.905% 66.667%, oklch(93.17% 0.0318 113.98) 66.667% 71.429%, oklch(92.13% 0.0413 98.58) 71.429% 76.190%, oklch(90.79% 0.0509 88.98) 76.190% 80.952%, oklch(89.95% 0.0563 78.60) 80.952% 85.714%, oklch(89.49% 0.0576 68.50) 85.714% 90.476%, oklch(89.18% 0.0570 60.41) 90.476% 95.238%, oklch(88.98% 0.0565 54.86) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.025 | 48.5 |
| 2 | 0.937 | 0.01 | 177.4 |
| 3 | 0.902 | 0.041 | 278.9 |
| 4 | 0.882 | 0.026 | 287.3 |
| 5 | 0.933 | 0.028 | 130.9 |
| 6 | 0.902 | 0.055 | 82.3 |
| 7 | 0.89 | 0.056 | 54.9 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)

## Other forms

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