# Mauve, ochre and turquoise magnolia rain morning

The Mauve, ochre and turquoise magnolia rain morning brings together red, orange, gold, light green, and light teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is red, and its lightest tone is light green.

- Also called: Tritone brown, green and blue linear swatches
- Seed: `kWfCoN0SPEOQiw3pmcWX5ZIA`
- Page: https://grabient.com/kWfCoN0SPEOQiw3pmcWX5ZIA?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#7e5353` | `oklch(48.82% 0.0579 18.98)` | Cranberry Red | white, 6.5 to 1 |
| 2 | `#af7050` | `oklch(60.55% 0.0919 47.56)` | Autumn Umber | black, 5.2 to 1 |
| 3 | `#d19f60` | `oklch(73.52% 0.0998 71.68)` | Honey Beehive | black, 8.8 to 1 |
| 4 | `#cfc684` | `oklch(81.82% 0.0860 101.22)` | Tyrant Skull | black, 12 to 1 |
| 5 | `#aad1ab` | `oklch(82.15% 0.0672 145.54)` | Garden Room | black, 12.3 to 1 |
| 6 | `#80bbbe` | `oklch(75.20% 0.0606 200.75)` | Misty Cold Sea | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #7e5353 0.000% 16.667%, #af7050 16.667% 33.333%, #d19f60 33.333% 50.000%, #cfc684 50.000% 66.667%, #aad1ab 66.667% 83.333%, #80bbbe 83.333% 100.000%);
background: linear-gradient(90deg, oklch(48.82% 0.0579 18.98) 0.000% 16.667%, oklch(60.55% 0.0919 47.56) 16.667% 33.333%, oklch(73.52% 0.0998 71.68) 33.333% 50.000%, oklch(81.82% 0.0860 101.22) 50.000% 66.667%, oklch(82.15% 0.0672 145.54) 66.667% 83.333%, oklch(75.20% 0.0606 200.75) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.058 | 19 |
| 2 | 0.638 | 0.098 | 54.9 |
| 3 | 0.787 | 0.095 | 84.5 |
| 4 | 0.831 | 0.07 | 132.1 |
| 5 | 0.752 | 0.061 | 200.7 |

## In these collections

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

## Other forms

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