# Off-white, sage and mauve magnolia rain morning

The Off-white, sage and mauve magnolia rain morning brings together light gray, light green, green, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is teal, and its lightest tone is light gray.

- Also called: Analogous gray, green and teal linear gradient
- Seed: `ka3QXxbodSuaWwHYHsBRx_ATkVQUyi8cA`
- Page: https://grabient.com/ka3QXxbodSuaWwHYHsBRx_ATkVQUyi8cA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, muted
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#d7d2d6` | `oklch(87.01% 0.0069 338.91)` | Etude Lilac | black, 14.1 to 1 |
| 2 | `#d9d2d4` | `oklch(87.10% 0.0081 1.94)` | Beluga Song | black, 14.1 to 1 |
| 3 | `#dbd3d1` | `oklch(87.30% 0.0094 35.83)` | Tranquil Retreat | black, 14.2 to 1 |
| 4 | `#dad5ce` | `oklch(87.45% 0.0113 73.76)` | Light Limed White | black, 14.3 to 1 |
| 5 | `#d6d7cc` | `oklch(87.43% 0.0142 108.94)` | Ancient Kingdom | black, 14.4 to 1 |
| 6 | `#d0d7cb` | `oklch(87.10% 0.0184 134.56)` | Aspen Mist | black, 14.2 to 1 |
| 7 | `#c8d7c9` | `oklch(86.41% 0.0247 146.86)` | New Moss | black, 14 to 1 |
| 8 | `#c1d6c4` | `oklch(85.45% 0.0330 150.36)` | Misty Lake | black, 13.6 to 1 |
| 9 | `#b9d3bc` | `oklch(84.25% 0.0424 148.44)` | Surf | black, 13.1 to 1 |
| 10 | `#b3d0b2` | `oklch(82.85% 0.0517 144.44)` | Pastel Mint Green | black, 12.6 to 1 |
| 11 | `#adcca8` | `oklch(81.27% 0.0598 141.70)` | Mint Circle | black, 11.9 to 1 |
| 12 | `#a5c7a0` | `oklch(79.50% 0.0660 142.11)` | French Market | black, 11.3 to 1 |
| 13 | `#9cc298` | `oklch(77.47% 0.0713 142.75)` | Spruce Stone | black, 10.5 to 1 |
| 14 | `#92bc90` | `oklch(75.25% 0.0759 143.35)` | Tiki Monster | black, 9.7 to 1 |
| 15 | `#89b588` | `oklch(72.90% 0.0797 143.93)` | Chatty Cricket | black, 9 to 1 |
| 16 | `#80ae80` | `oklch(70.50% 0.0828 144.51)` | Summer Garden | black, 8.2 to 1 |
| 17 | `#77a778` | `oklch(68.06% 0.0852 145.09)` | Primavera | black, 7.5 to 1 |
| 18 | `#6e9f70` | `oklch(65.48% 0.0872 145.48)` | Growth | black, 6.8 to 1 |
| 19 | `#659768` | `oklch(62.80% 0.0885 145.84)` | Milpa | black, 6.1 to 1 |
| 20 | `#5c8f60` | `oklch(60.12% 0.0889 146.34)` | Succulent Leaves | black, 5.5 to 1 |
| 21 | `#54875a` | `oklch(57.53% 0.0881 147.16)` | Emerald Ring | black, 5 to 1 |
| 22 | `#4d8055` | `oklch(55.12% 0.0858 148.40)` | Rambling Green | white, 4.6 to 1 |
| 23 | `#477851` | `oklch(52.75% 0.0815 149.18)` | Killarney | white, 5.1 to 1 |
| 24 | `#43714d` | `oklch(50.44% 0.0757 149.94)` | Fairway | white, 5.6 to 1 |
| 25 | `#3f6a4a` | `oklch(48.26% 0.0692 151.55)` | Nordic Pine | white, 6.2 to 1 |
| 26 | `#3b6349` | `oklch(46.30% 0.0627 154.89)` | Poker Green | white, 6.8 to 1 |
| 27 | `#365e4a` | `oklch(44.63% 0.0570 160.85)` | Wine Leaf | white, 7.3 to 1 |
| 28 | `#315a4d` | `oklch(43.23% 0.0513 171.11)` | Federal Fund | white, 7.8 to 1 |
| 29 | `#2f5550` | `oklch(42.06% 0.0454 184.51)` | Hidden Depths | white, 8.2 to 1 |
| 30 | `#2f5153` | `oklch(41.10% 0.0398 198.68)` | Microwave Blue | white, 8.6 to 1 |
| 31 | `#324e53` | `oklch(40.34% 0.0351 211.24)` | Iron Head | white, 8.9 to 1 |
| 32 | `#344b53` | `oklch(39.76% 0.0317 219.85)` | Galenite Blue | white, 9.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d7d2d6 0.0%, #d9d2d4 3.2%, #dbd3d1 6.5%, #dad5ce 9.7%, #d6d7cc 12.9%, #d0d7cb 16.1%, #c8d7c9 19.4%, #c1d6c4 22.6%, #b9d3bc 25.8%, #b3d0b2 29.0%, #adcca8 32.3%, #a5c7a0 35.5%, #9cc298 38.7%, #92bc90 41.9%, #89b588 45.2%, #80ae80 48.4%, #77a778 51.6%, #6e9f70 54.8%, #659768 58.1%, #5c8f60 61.3%, #54875a 64.5%, #4d8055 67.7%, #477851 71.0%, #43714d 74.2%, #3f6a4a 77.4%, #3b6349 80.6%, #365e4a 83.9%, #315a4d 87.1%, #2f5550 90.3%, #2f5153 93.5%, #324e53 96.8%, #344b53 100.0%);
background: linear-gradient(180deg in oklch, oklch(87.01% 0.0069 338.91) 0.0%, oklch(87.10% 0.0081 1.94) 3.2%, oklch(87.30% 0.0094 35.83) 6.5%, oklch(87.45% 0.0113 73.76) 9.7%, oklch(87.43% 0.0142 108.94) 12.9%, oklch(87.10% 0.0184 134.56) 16.1%, oklch(86.41% 0.0247 146.86) 19.4%, oklch(85.45% 0.0330 150.36) 22.6%, oklch(84.25% 0.0424 148.44) 25.8%, oklch(82.85% 0.0517 144.44) 29.0%, oklch(81.27% 0.0598 141.70) 32.3%, oklch(79.50% 0.0660 142.11) 35.5%, oklch(77.47% 0.0713 142.75) 38.7%, oklch(75.25% 0.0759 143.35) 41.9%, oklch(72.90% 0.0797 143.93) 45.2%, oklch(70.50% 0.0828 144.51) 48.4%, oklch(68.06% 0.0852 145.09) 51.6%, oklch(65.48% 0.0872 145.48) 54.8%, oklch(62.80% 0.0885 145.84) 58.1%, oklch(60.12% 0.0889 146.34) 61.3%, oklch(57.53% 0.0881 147.16) 64.5%, oklch(55.12% 0.0858 148.40) 67.7%, oklch(52.75% 0.0815 149.18) 71.0%, oklch(50.44% 0.0757 149.94) 74.2%, oklch(48.26% 0.0692 151.55) 77.4%, oklch(46.30% 0.0627 154.89) 80.6%, oklch(44.63% 0.0570 160.85) 83.9%, oklch(43.23% 0.0513 171.11) 87.1%, oklch(42.06% 0.0454 184.51) 90.3%, oklch(41.10% 0.0398 198.68) 93.5%, oklch(40.34% 0.0351 211.24) 96.8%, oklch(39.76% 0.0317 219.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.007 | 338.9 |
| 2 | 0.87 | 0.019 | 497.4 |
| 3 | 0.807 | 0.062 | 501.6 |
| 4 | 0.693 | 0.084 | 504.8 |
| 5 | 0.559 | 0.087 | 508 |
| 6 | 0.449 | 0.058 | 519.6 |
| 7 | 0.398 | 0.032 | 579.8 |

## In these collections

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

## Other forms

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