# Cream, pale periwinkle and orange soft neutral

The Cream, pale periwinkle and orange soft neutral brings together pale orange, off-white, pale blue, and pale green. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is pale blue, and its lightest tone is off-white.

- Also called: Pastel gray, blue and peach radial gradient
- Seed: `ka4hIi9wPPPKPS_wCcD9ootfKUOjxFLyg`
- Page: https://grabient.com/ka4hIi9wPPPKPS_wCcD9ootfKUOjxFLyg?style=radialGradient&steps=21&angle=225
- Drawn as: radial gradient, 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.0%, #e6ded1 5.0%, #e3e7dd 10.0%, #e4ece8 15.0%, #e0eced 20.0%, #d6e9f5 25.0%, #d5e1fb 30.0%, #dadaf9 35.0%, #ddd6f1 40.0%, #dbd4ea 45.0%, #d6d6e9 50.0%, #d0deec 55.0%, #d1e8e7 60.0%, #deeddd 65.0%, #e8ebd3 70.0%, #ece6c7 75.0%, #eee0bb 80.0%, #f3dab5 85.0%, #f6d6b4 90.0%, #f8d3b6 95.0%, #f9d2b8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.98% 0.0248 48.52) 0.0%, oklch(90.31% 0.0199 78.58) 5.0%, oklch(92.18% 0.0131 121.66) 10.0%, oklch(93.54% 0.0093 165.08) 15.0%, oklch(93.50% 0.0137 200.98) 20.0%, oklch(92.35% 0.0255 235.69) 25.0%, oklch(90.90% 0.0372 264.99) 30.0%, oklch(89.86% 0.0416 284.24) 35.0%, oklch(88.92% 0.0379 296.88) 40.0%, oklch(88.21% 0.0310 299.85) 45.0%, oklch(88.19% 0.0262 287.34) 50.0%, oklch(89.46% 0.0246 249.14) 55.0%, oklch(91.51% 0.0243 193.65) 60.0%, oklch(93.10% 0.0263 142.96) 65.0%, oklch(93.17% 0.0318 113.98) 70.0%, oklch(92.13% 0.0413 98.58) 75.0%, oklch(90.79% 0.0509 88.98) 80.0%, oklch(89.95% 0.0563 78.60) 85.0%, oklch(89.49% 0.0576 68.50) 90.0%, oklch(89.18% 0.0570 60.41) 95.0%, oklch(88.98% 0.0565 54.86) 100.0%);
```

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