# Coral, tan and sage magnolia rain morning

The Coral, tan and sage magnolia rain morning brings together light red, light orange, yellow, and green. 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 green, and its lightest tone is light red.

- Also called: Pink, gray and green linear swatches
- Seed: `kYyzMJY5ZAd8NwrZjMd1RVDFOYwI`
- Page: https://grabient.com/kYyzMJY5ZAd8NwrZjMd1RVDFOYwI?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.5 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 | `#e7abb1` | `oklch(79.92% 0.0703 12.66)` | Raspberry Lemonade | black, 10.8 to 1 |
| 2 | `#dda9ab` | `oklch(78.35% 0.0606 16.88)` | Peach Poppy | black, 10.3 to 1 |
| 3 | `#c3a69c` | `oklch(74.80% 0.0372 40.13)` | Taupe Tapestry | black, 9.2 to 1 |
| 4 | `#a3a189` | `oklch(70.47% 0.0344 103.54)` | Potting Moss | black, 8 to 1 |
| 5 | `#899d77` | `oklch(66.93% 0.0579 129.96)` | Usuao Blue | black, 7.1 to 1 |
| 6 | `#809b71` | `oklch(65.75% 0.0675 135.24)` | Wild Thyme | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e7abb1 0.000% 16.667%, #dda9ab 16.667% 33.333%, #c3a69c 33.333% 50.000%, #a3a189 50.000% 66.667%, #899d77 66.667% 83.333%, #809b71 83.333% 100.000%);
background: linear-gradient(90deg, oklch(79.92% 0.0703 12.66) 0.000% 16.667%, oklch(78.35% 0.0606 16.88) 16.667% 33.333%, oklch(74.80% 0.0372 40.13) 33.333% 50.000%, oklch(70.47% 0.0344 103.54) 50.000% 66.667%, oklch(66.93% 0.0579 129.96) 66.667% 83.333%, oklch(65.75% 0.0675 135.24) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.07 | 12.7 |
| 2 | 0.783 | 0.061 | 16.9 |
| 3 | 0.748 | 0.037 | 40.1 |
| 4 | 0.705 | 0.034 | 103.5 |
| 5 | 0.669 | 0.058 | 130 |
| 6 | 0.657 | 0.068 | 135.2 |

## In these collections

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

## Other forms

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