# Harvest Light Before Sunrise

Navy and slate rise through soft sage into grain gold, then settle into muted rose. The diagonal gradient is useful for dawn landscapes, seasonal campaigns, and broad backgrounds where a cool night edge must transition naturally into warm field light. The rose finish adds restrained warmth without overwhelming foreground content.

- Also called: Navy, gray, tan and purple linear gradient
- Seed: `kWThy4wZQ_V6Jsnjprmuxc2A`
- Page: https://grabient.com/kWThy4wZQ_V6Jsnjprmuxc2A?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#243043` | `oklch(30.71% 0.0386 259.45)` | Crow Black | white, 13.3 to 1 |
| 2 | `#283448` | `oklch(32.37% 0.0402 259.82)` | Aeronautic | white, 12.5 to 1 |
| 3 | `#2d3a50` | `oklch(34.56% 0.0428 261.15)` | Blue Fantastic | white, 11.5 to 1 |
| 4 | `#334059` | `oklch(37.18% 0.0459 262.79)` | Passionate Blueberry | white, 10.3 to 1 |
| 5 | `#3a4863` | `oklch(40.09% 0.0490 264.06)` | Bonne Nuit | white, 9.2 to 1 |
| 6 | `#42506d` | `oklch(43.18% 0.0519 264.30)` | Astronaut | white, 8 to 1 |
| 7 | `#495978` | `oklch(46.32% 0.0541 262.83)` | Chambray | white, 7 to 1 |
| 8 | `#4f6281` | `oklch(49.39% 0.0552 259.00)` | Admiral Blue | white, 6.1 to 1 |
| 9 | `#536c89` | `oklch(52.29% 0.0548 252.10)` | Aurora Borealis | white, 5.4 to 1 |
| 10 | `#57778f` | `oklch(55.35% 0.0518 241.27)` | Melancholic Sea | white, 4.7 to 1 |
| 11 | `#5f8292` | `oklch(58.63% 0.0468 227.16)` | Play Me a Melody | black, 5 to 1 |
| 12 | `#6a8d94` | `oklch(61.98% 0.0406 210.87)` | Blue Shoal | black, 5.8 to 1 |
| 13 | `#789796` | `oklch(65.27% 0.0344 193.51)` | Villa Blue | black, 6.6 to 1 |
| 14 | `#87a099` | `oklch(68.37% 0.0291 176.16)` | Meek Moss Green | black, 7.4 to 1 |
| 15 | `#95a79c` | `oklch(71.15% 0.0256 159.92)` | Lotus Leaf | black, 8.2 to 1 |
| 16 | `#a0aea0` | `oklch(73.47% 0.0251 145.88)` | Grass Sands | black, 9 to 1 |
| 17 | `#a7b3a1` | `oklch(75.27% 0.0285 134.96)` | Montezuma Hills | black, 9.6 to 1 |
| 18 | `#aeb9a0` | `oklch(76.90% 0.0367 126.42)` | Winter Squash | black, 10.2 to 1 |
| 19 | `#b4bd9b` | `oklch(78.34% 0.0482 119.54)` | Pale Spring Morning | black, 10.7 to 1 |
| 20 | `#bbc194` | `oklch(79.47% 0.0617 113.73)` | Beige and Sage | black, 11.1 to 1 |
| 21 | `#c2c38a` | `oklch(80.19% 0.0757 108.40)` | Misty Valley | black, 11.4 to 1 |
| 22 | `#c9c27e` | `oklch(80.39% 0.0886 102.95)` | Fresh Sprout | black, 11.4 to 1 |
| 23 | `#d0be72` | `oklch(79.95% 0.0990 96.79)` | Green Citrine | black, 11.2 to 1 |
| 24 | `#d5b767` | `oklch(78.77% 0.1053 89.34)` | Wax Way | black, 10.7 to 1 |
| 25 | `#d6ab60` | `oklch(76.54% 0.1066 79.98)` | Streusel Cake | black, 9.8 to 1 |
| 26 | `#d29b5c` | `oklch(72.94% 0.1039 68.78)` | Butternut Tree | black, 8.6 to 1 |
| 27 | `#c8895b` | `oklch(68.38% 0.0983 56.45)` | Cork Brown | black, 7.1 to 1 |
| 28 | `#b8785c` | `oklch(63.30% 0.0908 43.74)` | Myrtle Pepper | black, 5.8 to 1 |
| 29 | `#a6685c` | `oklch(58.13% 0.0824 31.37)` | Mudbrick | black, 4.7 to 1 |
| 30 | `#935b5b` | `oklch(53.31% 0.0744 20.09)` | Gallery Red | white, 5.4 to 1 |
| 31 | `#835158` | `oklch(49.27% 0.0677 10.63)` | Fine Burgundy | white, 6.4 to 1 |
| 32 | `#774a55` | `oklch(46.46% 0.0634 3.72)` | Nocturne Red | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(315deg, #243043 0.0%, #283448 3.2%, #2d3a50 6.5%, #334059 9.7%, #3a4863 12.9%, #42506d 16.1%, #495978 19.4%, #4f6281 22.6%, #536c89 25.8%, #57778f 29.0%, #5f8292 32.3%, #6a8d94 35.5%, #789796 38.7%, #87a099 41.9%, #95a79c 45.2%, #a0aea0 48.4%, #a7b3a1 51.6%, #aeb9a0 54.8%, #b4bd9b 58.1%, #bbc194 61.3%, #c2c38a 64.5%, #c9c27e 67.7%, #d0be72 71.0%, #d5b767 74.2%, #d6ab60 77.4%, #d29b5c 80.6%, #c8895b 83.9%, #b8785c 87.1%, #a6685c 90.3%, #935b5b 93.5%, #835158 96.8%, #774a55 100.0%);
background: linear-gradient(315deg in oklch, oklch(30.71% 0.0386 259.45) 0.0%, oklch(32.37% 0.0402 259.82) 3.2%, oklch(34.56% 0.0428 261.15) 6.5%, oklch(37.18% 0.0459 262.79) 9.7%, oklch(40.09% 0.0490 264.06) 12.9%, oklch(43.18% 0.0519 264.30) 16.1%, oklch(46.32% 0.0541 262.83) 19.4%, oklch(49.39% 0.0552 259.00) 22.6%, oklch(52.29% 0.0548 252.10) 25.8%, oklch(55.35% 0.0518 241.27) 29.0%, oklch(58.63% 0.0468 227.16) 32.3%, oklch(61.98% 0.0406 210.87) 35.5%, oklch(65.27% 0.0344 193.51) 38.7%, oklch(68.37% 0.0291 176.16) 41.9%, oklch(71.15% 0.0256 159.92) 45.2%, oklch(73.47% 0.0251 145.88) 48.4%, oklch(75.27% 0.0285 134.96) 51.6%, oklch(76.90% 0.0367 126.42) 54.8%, oklch(78.34% 0.0482 119.54) 58.1%, oklch(79.47% 0.0617 113.73) 61.3%, oklch(80.19% 0.0757 108.40) 64.5%, oklch(80.39% 0.0886 102.95) 67.7%, oklch(79.95% 0.0990 96.79) 71.0%, oklch(78.77% 0.1053 89.34) 74.2%, oklch(76.54% 0.1066 79.98) 77.4%, oklch(72.94% 0.1039 68.78) 80.6%, oklch(68.38% 0.0983 56.45) 83.9%, oklch(63.30% 0.0908 43.74) 87.1%, oklch(58.13% 0.0824 31.37) 90.3%, oklch(53.31% 0.0744 20.09) 93.5%, oklch(49.27% 0.0677 10.63) 96.8%, oklch(46.46% 0.0634 3.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.039 | 259.5 |
| 2 | 0.516 | 0.055 | 254.2 |
| 3 | 0.744 | 0.026 | 140 |
| 4 | 0.783 | 0.106 | 87.2 |
| 5 | 0.465 | 0.063 | 3.7 |

## In these collections

- [Jasmine harvest dawn](https://grabient.com/jasmine-harvest-dawn)

## Other forms

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