# Blue Hour Orchard Path

A diagonal gradient rises from slate blue through periwinkle and soft blush, warms into muted gold, then settles in moss green. The long cool-to-warm route suits orchard landscapes, seasonal covers, dusk invitations, quiet packaging, and backgrounds that connect evening sky, pale petals, late sunlight, and shaded leaves.

- Also called: Navy, pink, tan and olive linear gradient
- Seed: `kWUxu0U5S-HEOUzZoUVuJbFA`
- Page: https://grabient.com/kWUxu0U5S-HEOUzZoUVuJbFA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.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 | `#273647` | `oklch(32.68% 0.0372 253.12)` | Tahitian Pearl | white, 12.3 to 1 |
| 2 | `#2c3d4f` | `oklch(35.40% 0.0390 250.56)` | Snap-Shot | white, 11 to 1 |
| 3 | `#32485b` | `oklch(39.11% 0.0417 245.75)` | Compass Blue | white, 9.5 to 1 |
| 4 | `#3a5568` | `oklch(43.53% 0.0450 239.94)` | Summer Night | white, 7.8 to 1 |
| 5 | `#436376` | `oklch(48.38% 0.0484 234.39)` | Celeste Blue | white, 6.3 to 1 |
| 6 | `#4d7385` | `oklch(53.40% 0.0516 230.35)` | Inky Blue | white, 5.1 to 1 |
| 7 | `#598295` | `oklch(58.29% 0.0543 229.08)` | Blue Moon Bay | black, 5 to 1 |
| 8 | `#668fa5` | `oklch(62.80% 0.0560 231.82)` | Saltbox Blue | black, 6 to 1 |
| 9 | `#7599b4` | `oklch(66.67% 0.0564 239.88)` | Splendid Blue | black, 6.9 to 1 |
| 10 | `#89a2c2` | `oklch(70.51% 0.0550 254.66)` | Windy City | black, 8 to 1 |
| 11 | `#a2aace` | `oklch(74.46% 0.0519 274.94)` | Lilac Scent Soft Blue | black, 9.2 to 1 |
| 12 | `#bcb2d4` | `oklch(78.32% 0.0480 298.83)` | Pastel Lilac | black, 10.4 to 1 |
| 13 | `#d3bbd4` | `oklch(81.87% 0.0440 324.42)` | Sunday Gloves | black, 11.7 to 1 |
| 14 | `#e3c3d1` | `oklch(84.92% 0.0405 349.83)` | In the Slip | black, 13 to 1 |
| 15 | `#edcbce` | `oklch(87.26% 0.0382 13.13)` | Abloom | black, 14 to 1 |
| 16 | `#f2d1ca` | `oklch(88.68% 0.0378 32.45)` | Comical Coral | black, 14.7 to 1 |
| 17 | `#f2d3c5` | `oklch(88.98% 0.0401 46.30)` | Melon Pink | black, 14.9 to 1 |
| 18 | `#f0d1bc` | `oklch(88.13% 0.0455 56.38)` | Desert Mesa | black, 14.5 to 1 |
| 19 | `#eccbaf` | `oklch(86.36% 0.0531 63.73)` | Sweet Orange | black, 13.7 to 1 |
| 20 | `#e5c49f` | `oklch(83.87% 0.0620 69.08)` | October Bounty | black, 12.6 to 1 |
| 21 | `#ddba8e` | `oklch(80.89% 0.0711 73.17)` | Painted Ash | black, 11.4 to 1 |
| 22 | `#d3b07c` | `oklch(77.64% 0.0796 76.72)` | Steamed Chestnut | black, 10.2 to 1 |
| 23 | `#c8a66b` | `oklch(74.34% 0.0863 80.46)` | Flickering Gold | black, 9.1 to 1 |
| 24 | `#bc9e5e` | `oklch(71.20% 0.0904 85.12)` | Eaton Gold | black, 8.1 to 1 |
| 25 | `#ae9753` | `oklch(68.14% 0.0912 91.01)` | Obsession | black, 7.3 to 1 |
| 26 | `#9d8e4b` | `oklch(64.60% 0.0893 97.36)` | Off the Grid | black, 6.4 to 1 |
| 27 | `#8b8545` | `oklch(60.75% 0.0855 103.88)` | Galia Melon | black, 5.5 to 1 |
| 28 | `#797b41` | `oklch(56.81% 0.0804 110.30)` | Plant Green | black, 4.7 to 1 |
| 29 | `#69713d` | `oklch(53.00% 0.0748 116.36)` | Cedar Green | white, 5.1 to 1 |
| 30 | `#5b683a` | `oklch(49.53% 0.0694 121.81)` | Gretchin Green | white, 6 to 1 |
| 31 | `#506038` | `oklch(46.62% 0.0649 126.39)` | Plasticine | white, 6.7 to 1 |
| 32 | `#495b35` | `oklch(44.49% 0.0620 129.84)` | Stinging Nettle | white, 7.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #273647 0.0%, #2c3d4f 3.2%, #32485b 6.5%, #3a5568 9.7%, #436376 12.9%, #4d7385 16.1%, #598295 19.4%, #668fa5 22.6%, #7599b4 25.8%, #89a2c2 29.0%, #a2aace 32.3%, #bcb2d4 35.5%, #d3bbd4 38.7%, #e3c3d1 41.9%, #edcbce 45.2%, #f2d1ca 48.4%, #f2d3c5 51.6%, #f0d1bc 54.8%, #eccbaf 58.1%, #e5c49f 61.3%, #ddba8e 64.5%, #d3b07c 67.7%, #c8a66b 71.0%, #bc9e5e 74.2%, #ae9753 77.4%, #9d8e4b 80.6%, #8b8545 83.9%, #797b41 87.1%, #69713d 90.3%, #5b683a 93.5%, #506038 96.8%, #495b35 100.0%);
background: linear-gradient(315deg in oklch, oklch(32.68% 0.0372 253.12) 0.0%, oklch(35.40% 0.0390 250.56) 3.2%, oklch(39.11% 0.0417 245.75) 6.5%, oklch(43.53% 0.0450 239.94) 9.7%, oklch(48.38% 0.0484 234.39) 12.9%, oklch(53.40% 0.0516 230.35) 16.1%, oklch(58.29% 0.0543 229.08) 19.4%, oklch(62.80% 0.0560 231.82) 22.6%, oklch(66.67% 0.0564 239.88) 25.8%, oklch(70.51% 0.0550 254.66) 29.0%, oklch(74.46% 0.0519 274.94) 32.3%, oklch(78.32% 0.0480 298.83) 35.5%, oklch(81.87% 0.0440 324.42) 38.7%, oklch(84.92% 0.0405 349.83) 41.9%, oklch(87.26% 0.0382 13.13) 45.2%, oklch(88.68% 0.0378 32.45) 48.4%, oklch(88.98% 0.0401 46.30) 51.6%, oklch(88.13% 0.0455 56.38) 54.8%, oklch(86.36% 0.0531 63.73) 58.1%, oklch(83.87% 0.0620 69.08) 61.3%, oklch(80.89% 0.0711 73.17) 64.5%, oklch(77.64% 0.0796 76.72) 67.7%, oklch(74.34% 0.0863 80.46) 71.0%, oklch(71.20% 0.0904 85.12) 74.2%, oklch(68.14% 0.0912 91.01) 77.4%, oklch(64.60% 0.0893 97.36) 80.6%, oklch(60.75% 0.0855 103.88) 83.9%, oklch(56.81% 0.0804 110.30) 87.1%, oklch(53.00% 0.0748 116.36) 90.3%, oklch(49.53% 0.0694 121.81) 93.5%, oklch(46.62% 0.0649 126.39) 96.8%, oklch(44.49% 0.0620 129.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.037 | 253.1 |
| 2 | 0.657 | 0.056 | 237.3 |
| 3 | 0.89 | 0.039 | 400 |
| 4 | 0.705 | 0.091 | 446.5 |
| 5 | 0.445 | 0.062 | 489.8 |

## In these collections

- [Apple blossom orchard](https://grabient.com/apple-blossom-orchard)

## Other forms

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