# Peach and blue magnolia rain morning palette

The Peach and blue magnolia rain morning palette brings together light orange, light red, light magenta, light blue, and light teal. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light magenta, and its lightest tone is light teal.

- Also called: Pastel tan, pink, gray and blue linear swatches
- Seed: `kY0S0q35Y8NqNOleDzYaJY73KWPO`
- Page: https://grabient.com/kY0S0q35Y8NqNOleDzYaJY73KWPO?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.9 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 | `#e4bc9d` | `oklch(82.28% 0.0620 59.77)` | Mollusca | black, 11.9 to 1 |
| 2 | `#d2a199` | `oklch(75.20% 0.0606 28.06)` | Evening Dress | black, 9.2 to 1 |
| 3 | `#b39aa9` | `oklch(71.26% 0.0358 340.51)` | Play Time | black, 8.1 to 1 |
| 4 | `#9bacc5` | `oklch(74.02% 0.0413 257.03)` | Satin Soft Blue | black, 9.1 to 1 |
| 5 | `#9acfe2` | `oklch(82.28% 0.0606 222.15)` | Blue Carpenter Bee | black, 12.3 to 1 |
| 6 | `#b0ecec` | `oklch(90.16% 0.0606 196.79)` | Mint Macaron | black, 16 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e4bc9d 0.000% 16.667%, #d2a199 16.667% 33.333%, #b39aa9 33.333% 50.000%, #9bacc5 50.000% 66.667%, #9acfe2 66.667% 83.333%, #b0ecec 83.333% 100.000%);
background: linear-gradient(90deg, oklch(82.28% 0.0620 59.77) 0.000% 16.667%, oklch(75.20% 0.0606 28.06) 16.667% 33.333%, oklch(71.26% 0.0358 340.51) 33.333% 50.000%, oklch(74.02% 0.0413 257.03) 50.000% 66.667%, oklch(82.28% 0.0606 222.15) 66.667% 83.333%, oklch(90.16% 0.0606 196.79) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.062 | 59.8 |
| 2 | 0.752 | 0.061 | 28.1 |
| 3 | 0.713 | 0.036 | -19.5 |
| 4 | 0.74 | 0.041 | -103 |
| 5 | 0.823 | 0.061 | -137.8 |
| 6 | 0.902 | 0.061 | -163.2 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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