# Peach and cobalt blue magnolia rain morning

The Peach and cobalt blue magnolia rain morning brings together light orange, orange, gray, and blue. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is gray, and its lightest tone is light orange.

- Also called: Complementary beige, gray and blue linear gradient
- Seed: `ka2SU25BQ_FkQPzPBTyyggxkwTPnTFr-A`
- Page: https://grabient.com/ka2SU25BQ_FkQPzPBTyyggxkwTPnTFr-A?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.7 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 | `#e3cbab` | `oklch(85.43% 0.0510 76.64)` | Gourmet Honey | black, 13.4 to 1 |
| 2 | `#e0c8a7` | `oklch(84.59% 0.0518 75.66)` | Pita Bread | black, 13 to 1 |
| 3 | `#dec4a3` | `oklch(83.42% 0.0530 74.27)` | Light Corn Yellow | black, 12.5 to 1 |
| 4 | `#dabf9e` | `oklch(82.03% 0.0542 72.65)` | Hazelnut Parfait | black, 11.9 to 1 |
| 5 | `#d6ba99` | `oklch(80.52% 0.0551 70.99)` | Terracotta Sand | black, 11.3 to 1 |
| 6 | `#d2b595` | `oklch(78.99% 0.0552 69.47)` | Slopes | black, 10.7 to 1 |
| 7 | `#cdb091` | `oklch(77.45% 0.0544 68.39)` | Dover Plains | black, 10.2 to 1 |
| 8 | `#c8ab8d` | `oklch(75.78% 0.0531 67.77)` | Semolina | black, 9.6 to 1 |
| 9 | `#c1a589` | `oklch(74.05% 0.0512 67.14)` | Light Ash Brown | black, 9 to 1 |
| 10 | `#bba086` | `oklch(72.31% 0.0487 66.01)` | Cup of Cocoa | black, 8.4 to 1 |
| 11 | `#b59b83` | `oklch(70.62% 0.0454 63.91)` | Plush Tan | black, 7.9 to 1 |
| 12 | `#af9682` | `oklch(69.00% 0.0408 61.07)` | Mexican Sand | black, 7.5 to 1 |
| 13 | `#a79282` | `oklch(67.34% 0.0344 58.92)` | Delta Sandbar | black, 7 to 1 |
| 14 | `#9f8d82` | `oklch(65.71% 0.0271 56.06)` | Oak Brown | black, 6.6 to 1 |
| 15 | `#978982` | `oklch(64.18% 0.0203 50.91)` | Warm Grey | black, 6.2 to 1 |
| 16 | `#918681` | `oklch(62.81% 0.0153 41.89)` | Mine Rock | black, 5.9 to 1 |
| 17 | `#8d8281` | `oklch(61.64% 0.0130 26.92)` | Pewter Mug | black, 5.6 to 1 |
| 18 | `#897f81` | `oklch(60.61% 0.0127 3.77)` | Rocket Metallic | black, 5.4 to 1 |
| 19 | `#857c82` | `oklch(59.71% 0.0140 336.11)` | Honed Steel | black, 5.2 to 1 |
| 20 | `#807b85` | `oklch(58.99% 0.0164 308.36)` | Magic Dust | black, 5 to 1 |
| 21 | `#7a7a87` | `oklch(58.48% 0.0196 284.94)` | Infamous | black, 4.9 to 1 |
| 22 | `#757b89` | `oklch(58.21% 0.0234 269.99)` | Abandoned Spaceship | black, 4.9 to 1 |
| 23 | `#727b8c` | `oklch(58.19% 0.0288 262.66)` | Abandoned Spaceship | black, 4.9 to 1 |
| 24 | `#6f7c91` | `oklch(58.38% 0.0354 260.25)` | Smokey Denim | black, 4.9 to 1 |
| 25 | `#6e7d96` | `oklch(58.77% 0.0422 260.60)` | Infinity and Beyond | black, 5 to 1 |
| 26 | `#6e7f9c` | `oklch(59.31% 0.0484 261.54)` | Lead Cast | black, 5.1 to 1 |
| 27 | `#6e81a0` | `oklch(59.96% 0.0530 260.97)` | Bay View | black, 5.3 to 1 |
| 28 | `#6f84a5` | `oklch(60.93% 0.0561 259.80)` | Berwick Berry | black, 5.5 to 1 |
| 29 | `#7288aa` | `oklch(62.16% 0.0584 259.06)` | Windsurf Blue | black, 5.8 to 1 |
| 30 | `#748caf` | `oklch(63.44% 0.0599 258.61)` | Windsurf Blue | black, 6.1 to 1 |
| 31 | `#778fb3` | `oklch(64.57% 0.0611 258.32)` | Ashton Skies | black, 6.3 to 1 |
| 32 | `#7992b6` | `oklch(65.35% 0.0620 258.05)` | Jay Wing Feathers | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #e3cbab 0.0%, #e0c8a7 3.2%, #dec4a3 6.5%, #dabf9e 9.7%, #d6ba99 12.9%, #d2b595 16.1%, #cdb091 19.4%, #c8ab8d 22.6%, #c1a589 25.8%, #bba086 29.0%, #b59b83 32.3%, #af9682 35.5%, #a79282 38.7%, #9f8d82 41.9%, #978982 45.2%, #918681 48.4%, #8d8281 51.6%, #897f81 54.8%, #857c82 58.1%, #807b85 61.3%, #7a7a87 64.5%, #757b89 67.7%, #727b8c 71.0%, #6f7c91 74.2%, #6e7d96 77.4%, #6e7f9c 80.6%, #6e81a0 83.9%, #6f84a5 87.1%, #7288aa 90.3%, #748caf 93.5%, #778fb3 96.8%, #7992b6 100.0%);
background: linear-gradient(225deg in oklch, oklch(85.43% 0.0510 76.64) 0.0%, oklch(84.59% 0.0518 75.66) 3.2%, oklch(83.42% 0.0530 74.27) 6.5%, oklch(82.03% 0.0542 72.65) 9.7%, oklch(80.52% 0.0551 70.99) 12.9%, oklch(78.99% 0.0552 69.47) 16.1%, oklch(77.45% 0.0544 68.39) 19.4%, oklch(75.78% 0.0531 67.77) 22.6%, oklch(74.05% 0.0512 67.14) 25.8%, oklch(72.31% 0.0487 66.01) 29.0%, oklch(70.62% 0.0454 63.91) 32.3%, oklch(69.00% 0.0408 61.07) 35.5%, oklch(67.34% 0.0344 58.92) 38.7%, oklch(65.71% 0.0271 56.06) 41.9%, oklch(64.18% 0.0203 50.91) 45.2%, oklch(62.81% 0.0153 41.89) 48.4%, oklch(61.64% 0.0130 26.92) 51.6%, oklch(60.61% 0.0127 3.77) 54.8%, oklch(59.71% 0.0140 336.11) 58.1%, oklch(58.99% 0.0164 308.36) 61.3%, oklch(58.48% 0.0196 284.94) 64.5%, oklch(58.21% 0.0234 269.99) 67.7%, oklch(58.19% 0.0288 262.66) 71.0%, oklch(58.38% 0.0354 260.25) 74.2%, oklch(58.77% 0.0422 260.60) 77.4%, oklch(59.31% 0.0484 261.54) 80.6%, oklch(59.96% 0.0530 260.97) 83.9%, oklch(60.93% 0.0561 259.80) 87.1%, oklch(62.16% 0.0584 259.06) 90.3%, oklch(63.44% 0.0599 258.61) 93.5%, oklch(64.57% 0.0611 258.32) 96.8%, oklch(65.35% 0.0620 258.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.051 | 76.6 |
| 2 | 0.787 | 0.055 | 69.2 |
| 3 | 0.701 | 0.044 | 62.9 |
| 4 | 0.622 | 0.014 | 35.4 |
| 5 | 0.583 | 0.022 | -86.1 |
| 6 | 0.598 | 0.052 | -98.8 |
| 7 | 0.654 | 0.062 | -102 |

## In these collections

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

## Other forms

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