# Cream, peach and periwinkle soft neutral palette

The Cream, peach and periwinkle soft neutral palette brings together pale yellow, pale orange, light orange, light gray, and light blue. 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 light blue, and its lightest tone is pale yellow.

- Also called: Pastel beige, gray and lavender angular gradient
- Seed: `kW-ydMdpU9mqMvbiCLRYRS6w`
- Page: https://grabient.com/kW-ydMdpU9mqMvbiCLRYRS6w?style=angularGradient&angle=45
- Drawn as: angular gradient, 7 steps, 45 degrees
- Kinds: pastel, light, warm
- Hues: complementary
- 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 | `#fffed5` | `oklch(98.82% 0.0537 106.87)` | Poetic Yellow | black, 20.4 to 1 |
| 2 | `#fdf1c5` | `oklch(95.64% 0.0584 94.15)` | Pound Cake | black, 18.5 to 1 |
| 3 | `#f0ddb9` | `oklch(90.35% 0.0516 83.31)` | Limitless | black, 15.7 to 1 |
| 4 | `#dac6b3` | `oklch(83.86% 0.0344 67.78)` | Wisp of Cocoa | black, 12.7 to 1 |
| 5 | `#c8b4b9` | `oklch(78.86% 0.0234 1.12)` | Blossom Powder | black, 10.6 to 1 |
| 6 | `#b9adc2` | `oklch(76.44% 0.0324 309.38)` | Courtly Purple | black, 9.8 to 1 |
| 7 | `#afaed5` | `oklch(76.38% 0.0565 286.17)` | Freesia Purple | black, 9.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #fffed5 0.0%, #fdf1c5 16.7%, #f0ddb9 33.3%, #dac6b3 50.0%, #c8b4b9 66.7%, #b9adc2 83.3%, #afaed5 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(98.82% 0.0537 106.87) 0.0%, oklch(95.64% 0.0584 94.15) 16.7%, oklch(90.35% 0.0516 83.31) 33.3%, oklch(83.86% 0.0344 67.78) 50.0%, oklch(78.86% 0.0234 1.12) 66.7%, oklch(76.44% 0.0324 309.38) 83.3%, oklch(76.38% 0.0565 286.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.054 | 106.9 |
| 2 | 0.933 | 0.058 | 86.8 |
| 3 | 0.839 | 0.034 | 67.8 |
| 4 | 0.772 | 0.023 | -30.5 |
| 5 | 0.764 | 0.056 | -73.8 |

## In these collections

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

## Other forms

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