# Sage, blush and periwinkle pastel palette

The Sage, blush and periwinkle pastel palette brings together light green, pale orange, light red, light magenta, 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 magenta, and its lightest tone is pale orange.

- Also called: Pastel triadic beige, pink and blue linear gradient
- Seed: `kW4ihe8xe522aOLnGjnaI05o`
- Page: https://grabient.com/kW4ihe8xe522aOLnGjnaI05o?steps=9&angle=225
- Drawn as: linear gradient, 9 steps, 225 degrees
- Kinds: even lightness, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.3 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 | `#cde3be` | `oklch(88.98% 0.0551 132.89)` | Irish Folklore | black, 15.3 to 1 |
| 2 | `#dfe2b5` | `oklch(90.03% 0.0595 110.83)` | Schabziger Green | black, 15.7 to 1 |
| 3 | `#f6dcb0` | `oklch(90.55% 0.0648 81.11)` | Tahitian Sand | black, 15.8 to 1 |
| 4 | `#ffceb3` | `oklch(88.80% 0.0661 50.47)` | Apricot Lily | black, 14.7 to 1 |
| 5 | `#fec0be` | `oklch(86.22% 0.0717 19.82)` | Ladylike | black, 13.4 to 1 |
| 6 | `#f0b5cc` | `oklch(83.32% 0.0743 353.40)` | Bunny Cake | black, 12.1 to 1 |
| 7 | `#dbb1d9` | `oklch(81.10% 0.0717 328.04)` | Blushing Sky | black, 11.3 to 1 |
| 8 | `#c6bbe1` | `oklch(81.37% 0.0537 298.38)` | Viking Diva | black, 11.6 to 1 |
| 9 | `#bec4dd` | `oklch(82.28% 0.0358 275.20)` | Agapanthus | black, 12 to 1 |

## CSS

```css
background: linear-gradient(225deg, #cde3be 0.0%, #dfe2b5 12.5%, #f6dcb0 25.0%, #ffceb3 37.5%, #fec0be 50.0%, #f0b5cc 62.5%, #dbb1d9 75.0%, #c6bbe1 87.5%, #bec4dd 100.0%);
background: linear-gradient(225deg in oklch, oklch(88.98% 0.0551 132.89) 0.0%, oklch(90.03% 0.0595 110.83) 12.5%, oklch(90.55% 0.0648 81.11) 25.0%, oklch(88.80% 0.0661 50.47) 37.5%, oklch(86.22% 0.0717 19.82) 50.0%, oklch(83.32% 0.0743 353.40) 62.5%, oklch(81.10% 0.0717 328.04) 75.0%, oklch(81.37% 0.0537 298.38) 87.5%, oklch(82.28% 0.0358 275.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.055 | 132.9 |
| 2 | 0.906 | 0.065 | 81.1 |
| 3 | 0.862 | 0.072 | 19.8 |
| 4 | 0.811 | 0.072 | -32 |
| 5 | 0.823 | 0.036 | -84.8 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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