Harvest Light Before Sunrise

Navy, gray, tan and purple color palette

Navy and slate rise through soft sage into grain gold, then settle into muted rose. Linear gradient, 32 colors at 315°: #243043, #536c89, #a7b3a1, #d5b767, #774a55. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#243043
#283448
#2d3a50
#334059
#3a4863
#42506d
#495978
#4f6281
#536c89
#57778f
#5f8292
#6a8d94
#789796
#87a099
#95a79c
#a0aea0
#a7b3a1
#aeb9a0
#b4bd9b
#bbc194
#c2c38a
#c9c27e
#d0be72
#d5b767
#d6ab60
#d29b5c
#c8895b
#b8785c
#a6685c
#935b5b
#835158
#774a55

CSS

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%);

In these collections

Jasmine harvest dawn