# Mauve and blue magnolia rain morning palette

The Mauve and blue magnolia rain morning palette brings together dark gray, blue, and light blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark gray, and its lightest tone is light blue.

- Also called: Monochrome black to light blue linear gradient
- Seed: `kYQw2UJ5LHLoav_RGL9ZJK-W4JPo`
- Page: https://grabient.com/kYQw2UJ5LHLoav_RGL9ZJK-W4JPo?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.2 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 | `#1b2729` | `oklch(26.38% 0.0179 208.12)` | Washed Black | white, 15.2 to 1 |
| 2 | `#1a292c` | `oklch(26.76% 0.0215 215.20)` | Black Pearl | white, 15 to 1 |
| 3 | `#182a31` | `oklch(27.21% 0.0265 225.52)` | Oceanic Noir | white, 14.8 to 1 |
| 4 | `#182b36` | `oklch(27.76% 0.0325 237.54)` | Oceanic Noir | white, 14.6 to 1 |
| 5 | `#1b2c3d` | `oklch(28.51% 0.0387 249.70)` | Tangaroa | white, 14.3 to 1 |
| 6 | `#1f2d43` | `oklch(29.50% 0.0448 260.49)` | NATO Blue | white, 13.8 to 1 |
| 7 | `#252f49` | `oklch(30.80% 0.0501 268.33)` | Manganese Black | white, 13.3 to 1 |
| 8 | `#2a3250` | `oklch(32.47% 0.0546 272.45)` | Blue Lobelia | white, 12.5 to 1 |
| 9 | `#303758` | `oklch(34.51% 0.0590 274.06)` | Mediaeval Blue | white, 11.6 to 1 |
| 10 | `#353c61` | `oklch(36.81% 0.0632 273.87)` | Bay of Many | white, 10.6 to 1 |
| 11 | `#3a436a` | `oklch(39.32% 0.0670 272.62)` | Port Gore | white, 9.5 to 1 |
| 12 | `#3f4a73` | `oklch(41.95% 0.0701 270.98)` | Egyptian Violet | white, 8.5 to 1 |
| 13 | `#44527d` | `oklch(44.61% 0.0724 269.69)` | Mozart | white, 7.6 to 1 |
| 14 | `#4b5a85` | `oklch(47.29% 0.0736 269.15)` | Wizard | white, 6.8 to 1 |
| 15 | `#52628e` | `oklch(50.16% 0.0738 268.64)` | Karmic Grape | white, 6 to 1 |
| 16 | `#5a6b97` | `oklch(53.15% 0.0732 268.01)` | Moonshade | white, 5.2 to 1 |
| 17 | `#6274a0` | `oklch(56.20% 0.0720 267.22)` | Costume Blue | white, 4.6 to 1 |
| 18 | `#6a7da9` | `oklch(59.21% 0.0704 266.23)` | Night Thistle | black, 5.1 to 1 |
| 19 | `#7286b1` | `oklch(62.12% 0.0686 265.00)` | Kimono | black, 5.7 to 1 |
| 20 | `#7a8fb8` | `oklch(64.86% 0.0668 263.48)` | Opal Violet | black, 6.4 to 1 |
| 21 | `#8198c0` | `oklch(67.59% 0.0647 261.56)` | Bel Air Blue | black, 7.1 to 1 |
| 22 | `#88a1c7` | `oklch(70.29% 0.0624 259.33)` | Anode | black, 7.9 to 1 |
| 23 | `#90a9cd` | `oklch(72.89% 0.0597 256.93)` | Old World | black, 8.7 to 1 |
| 24 | `#97b1d3` | `oklch(75.33% 0.0568 254.48)` | Heartsong | black, 9.5 to 1 |
| 25 | `#9eb9d8` | `oklch(77.56% 0.0537 252.13)` | Wings of Pegasus | black, 10.3 to 1 |
| 26 | `#a4bfdc` | `oklch(79.50% 0.0503 249.98)` | September Aster | black, 11 to 1 |
| 27 | `#abc5df` | `oklch(81.19% 0.0461 247.84)` | Utterly Blue | black, 11.7 to 1 |
| 28 | `#b1cae0` | `oklch(82.67% 0.0413 245.64)` | Wind Blue | black, 12.3 to 1 |
| 29 | `#b7cee1` | `oklch(83.95% 0.0364 243.52)` | Tender Twilight | black, 12.8 to 1 |
| 30 | `#bcd1e1` | `oklch(85.03% 0.0317 241.59)` | Chapel Choir | black, 13.3 to 1 |
| 31 | `#c1d4e1` | `oklch(85.92% 0.0276 239.96)` | Two Harbours | black, 13.7 to 1 |
| 32 | `#c5d6e2` | `oklch(86.61% 0.0248 238.77)` | Blue Raindrop | black, 14 to 1 |

## CSS

```css
background: linear-gradient(0deg, #1b2729 0.0%, #1a292c 3.2%, #182a31 6.5%, #182b36 9.7%, #1b2c3d 12.9%, #1f2d43 16.1%, #252f49 19.4%, #2a3250 22.6%, #303758 25.8%, #353c61 29.0%, #3a436a 32.3%, #3f4a73 35.5%, #44527d 38.7%, #4b5a85 41.9%, #52628e 45.2%, #5a6b97 48.4%, #6274a0 51.6%, #6a7da9 54.8%, #7286b1 58.1%, #7a8fb8 61.3%, #8198c0 64.5%, #88a1c7 67.7%, #90a9cd 71.0%, #97b1d3 74.2%, #9eb9d8 77.4%, #a4bfdc 80.6%, #abc5df 83.9%, #b1cae0 87.1%, #b7cee1 90.3%, #bcd1e1 93.5%, #c1d4e1 96.8%, #c5d6e2 100.0%);
background: linear-gradient(0deg in oklch, oklch(26.38% 0.0179 208.12) 0.0%, oklch(26.76% 0.0215 215.20) 3.2%, oklch(27.21% 0.0265 225.52) 6.5%, oklch(27.76% 0.0325 237.54) 9.7%, oklch(28.51% 0.0387 249.70) 12.9%, oklch(29.50% 0.0448 260.49) 16.1%, oklch(30.80% 0.0501 268.33) 19.4%, oklch(32.47% 0.0546 272.45) 22.6%, oklch(34.51% 0.0590 274.06) 25.8%, oklch(36.81% 0.0632 273.87) 29.0%, oklch(39.32% 0.0670 272.62) 32.3%, oklch(41.95% 0.0701 270.98) 35.5%, oklch(44.61% 0.0724 269.69) 38.7%, oklch(47.29% 0.0736 269.15) 41.9%, oklch(50.16% 0.0738 268.64) 45.2%, oklch(53.15% 0.0732 268.01) 48.4%, oklch(56.20% 0.0720 267.22) 51.6%, oklch(59.21% 0.0704 266.23) 54.8%, oklch(62.12% 0.0686 265.00) 58.1%, oklch(64.86% 0.0668 263.48) 61.3%, oklch(67.59% 0.0647 261.56) 64.5%, oklch(70.29% 0.0624 259.33) 67.7%, oklch(72.89% 0.0597 256.93) 71.0%, oklch(75.33% 0.0568 254.48) 74.2%, oklch(77.56% 0.0537 252.13) 77.4%, oklch(79.50% 0.0503 249.98) 80.6%, oklch(81.19% 0.0461 247.84) 83.9%, oklch(82.67% 0.0413 245.64) 87.1%, oklch(83.95% 0.0364 243.52) 90.3%, oklch(85.03% 0.0317 241.59) 93.5%, oklch(85.92% 0.0276 239.96) 96.8%, oklch(86.61% 0.0248 238.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.018 | 208.1 |
| 2 | 0.311 | 0.051 | 269.4 |
| 3 | 0.457 | 0.073 | 269.4 |
| 4 | 0.638 | 0.068 | 264.1 |
| 5 | 0.791 | 0.051 | 250.4 |
| 6 | 0.866 | 0.025 | 238.8 |

## In these collections

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

## Other forms

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