# Turquoise, sage and champagne magnolia rain morning

The Turquoise, sage and champagne magnolia rain morning brings together blue, light teal, green, and off-white. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Blue, gray and white radial gradient
- Seed: `kUrCqk7Iq91iQt76hjpA`
- Page: https://grabient.com/kUrCqk7Iq91iQt76hjpA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#739eb5` | `oklch(67.72% 0.0579 231.33)` | Crisp French Blue | black, 7.3 to 1 |
| 2 | `#77a2b7` | `oklch(68.87% 0.0560 230.52)` | Grey Blue | black, 7.6 to 1 |
| 3 | `#7ea7bb` | `oklch(70.54% 0.0534 229.76)` | Winter Twilight | black, 8.1 to 1 |
| 4 | `#86adc0` | `oklch(72.57% 0.0502 228.97)` | Chilly Blue | black, 8.7 to 1 |
| 5 | `#8fb4c5` | `oklch(74.82% 0.0467 228.06)` | Bright Bluebonnet | black, 9.4 to 1 |
| 6 | `#99bbca` | `oklch(77.17% 0.0430 226.92)` | Sydney Harbour | black, 10.3 to 1 |
| 7 | `#a2c2cf` | `oklch(79.46% 0.0393 225.47)` | Airborne | black, 11.1 to 1 |
| 8 | `#abc8d4` | `oklch(81.57% 0.0359 223.62)` | Vast Sky | black, 11.9 to 1 |
| 9 | `#b2ced8` | `oklch(83.35% 0.0330 221.28)` | Stencil Blue | black, 12.6 to 1 |
| 10 | `#b7d2da` | `oklch(84.66% 0.0307 218.35)` | Bahama Breezes | black, 13.2 to 1 |
| 11 | `#bad4db` | `oklch(85.36% 0.0292 214.73)` | Light Salt Spray | black, 13.5 to 1 |
| 12 | `#bad4d9` | `oklch(85.28% 0.0288 210.28)` | Light Salt Spray | black, 13.5 to 1 |
| 13 | `#b6d2d5` | `oklch(84.33% 0.0295 204.81)` | Subtle Breeze | black, 13.1 to 1 |
| 14 | `#b0cdce` | `oklch(82.70% 0.0311 198.49)` | Baroque Chalk Soft Blue | black, 12.4 to 1 |
| 15 | `#a8c7c5` | `oklch(80.59% 0.0333 191.54)` | Zenith Heights | black, 11.6 to 1 |
| 16 | `#9fc0bb` | `oklch(78.22% 0.0359 184.14)` | Prized Celadon | black, 10.7 to 1 |
| 17 | `#97b9b0` | `oklch(75.78% 0.0385 176.50)` | Moncur | black, 9.8 to 1 |
| 18 | `#91b2a5` | `oklch(73.49% 0.0411 168.83)` | Longfellow | black, 9.1 to 1 |
| 19 | `#8cac9b` | `oklch(71.56% 0.0433 161.32)` | Pale Willow | black, 8.4 to 1 |
| 20 | `#8aa893` | `oklch(70.18% 0.0449 154.17)` | OMGreen | black, 8 to 1 |
| 21 | `#8ba58d` | `oklch(69.57% 0.0456 147.59)` | Envy | black, 7.8 to 1 |
| 22 | `#8fa68c` | `oklch(69.92% 0.0452 141.72)` | Sonoma Sage | black, 7.9 to 1 |
| 23 | `#96a98e` | `oklch(71.25% 0.0438 136.05)` | Zucchini Cream | black, 8.3 to 1 |
| 24 | `#a0af93` | `oklch(73.38% 0.0414 130.44)` | Rooftop Garden | black, 9 to 1 |
| 25 | `#acb69c` | `oklch(76.12% 0.0385 124.96)` | Norwich Green | black, 9.9 to 1 |
| 26 | `#b8bfa6` | `oklch(79.27% 0.0351 119.68)` | Quiet Waters | black, 11 to 1 |
| 27 | `#c5c9b2` | `oklch(82.66% 0.0314 114.67)` | Jugendstil Green | black, 12.3 to 1 |
| 28 | `#d2d3bf` | `oklch(86.09% 0.0277 110.00)` | Brainstorm | black, 13.8 to 1 |
| 29 | `#deddcb` | `oklch(89.37% 0.0242 105.73)` | Green White | black, 15.3 to 1 |
| 30 | `#e8e6d7` | `oklch(92.32% 0.0210 101.94)` | Carrara Marble | black, 16.7 to 1 |
| 31 | `#f0eee0` | `oklch(94.74% 0.0184 98.69)` | Misty Beach Cattle | black, 18 to 1 |
| 32 | `#f6f4e7` | `oklch(96.46% 0.0165 96.06)` | White Mirage | black, 18.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #739eb5 0.0%, #77a2b7 3.2%, #7ea7bb 6.5%, #86adc0 9.7%, #8fb4c5 12.9%, #99bbca 16.1%, #a2c2cf 19.4%, #abc8d4 22.6%, #b2ced8 25.8%, #b7d2da 29.0%, #bad4db 32.3%, #bad4d9 35.5%, #b6d2d5 38.7%, #b0cdce 41.9%, #a8c7c5 45.2%, #9fc0bb 48.4%, #97b9b0 51.6%, #91b2a5 54.8%, #8cac9b 58.1%, #8aa893 61.3%, #8ba58d 64.5%, #8fa68c 67.7%, #96a98e 71.0%, #a0af93 74.2%, #acb69c 77.4%, #b8bfa6 80.6%, #c5c9b2 83.9%, #d2d3bf 87.1%, #deddcb 90.3%, #e8e6d7 93.5%, #f0eee0 96.8%, #f6f4e7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.72% 0.0579 231.33) 0.0%, oklch(68.87% 0.0560 230.52) 3.2%, oklch(70.54% 0.0534 229.76) 6.5%, oklch(72.57% 0.0502 228.97) 9.7%, oklch(74.82% 0.0467 228.06) 12.9%, oklch(77.17% 0.0430 226.92) 16.1%, oklch(79.46% 0.0393 225.47) 19.4%, oklch(81.57% 0.0359 223.62) 22.6%, oklch(83.35% 0.0330 221.28) 25.8%, oklch(84.66% 0.0307 218.35) 29.0%, oklch(85.36% 0.0292 214.73) 32.3%, oklch(85.28% 0.0288 210.28) 35.5%, oklch(84.33% 0.0295 204.81) 38.7%, oklch(82.70% 0.0311 198.49) 41.9%, oklch(80.59% 0.0333 191.54) 45.2%, oklch(78.22% 0.0359 184.14) 48.4%, oklch(75.78% 0.0385 176.50) 51.6%, oklch(73.49% 0.0411 168.83) 54.8%, oklch(71.56% 0.0433 161.32) 58.1%, oklch(70.18% 0.0449 154.17) 61.3%, oklch(69.57% 0.0456 147.59) 64.5%, oklch(69.92% 0.0452 141.72) 67.7%, oklch(71.25% 0.0438 136.05) 71.0%, oklch(73.38% 0.0414 130.44) 74.2%, oklch(76.12% 0.0385 124.96) 77.4%, oklch(79.27% 0.0351 119.68) 80.6%, oklch(82.66% 0.0314 114.67) 83.9%, oklch(86.09% 0.0277 110.00) 87.1%, oklch(89.37% 0.0242 105.73) 90.3%, oklch(92.32% 0.0210 101.94) 93.5%, oklch(94.74% 0.0184 98.69) 96.8%, oklch(96.46% 0.0165 96.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.058 | 231.3 |
| 2 | 0.854 | 0.029 | 213.4 |
| 3 | 0.697 | 0.045 | 143.6 |
| 4 | 0.965 | 0.017 | 96.1 |

## In these collections

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

## Other forms

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