Navy, sage and ochre first woodsmoke evening

Complementary navy, gray and brown color palette

The Navy, sage and ochre first woodsmoke evening brings together dark blue, blue, teal, yellow, and gold. Linear gradient, 32 colors at 45°: #182a43, #325971, #62877e, #8f9765, #ac8336. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#182a43
#1a2e47
#1d324c
#203852
#243e59
#284560
#2c4c67
#2f526c
#325971
#365f74
#3b6677
#416c79
#48737b
#50787c
#577e7d
#5d837e
#62877e
#678b7e
#6d8f7c
#739279
#799575
#819670
#88976b
#8f9765
#959660
#9a945a
#9e9153
#a28e4c
#a58b45
#a7883f
#aa8539
#ac8336

CSS

background: linear-gradient(45deg in oklch, oklch(28.35% 0.0524 256.64) 0.0%, oklch(29.62% 0.0531 255.48) 3.2%, oklch(31.32% 0.0542 254.22) 6.5%, oklch(33.35% 0.0556 252.74) 9.7%, oklch(35.60% 0.0570 250.91) 12.9%, oklch(37.95% 0.0583 248.59) 16.1%, oklch(40.31% 0.0591 245.66) 19.4%, oklch(42.55% 0.0595 241.99) 22.6%, oklch(44.59% 0.0591 237.45) 25.8%, oklch(46.59% 0.0574 231.94) 29.0%, oklch(48.63% 0.0548 225.58) 32.3%, oklch(50.67% 0.0517 218.53) 35.5%, oklch(52.66% 0.0485 210.95) 38.7%, oklch(54.56% 0.0456 203.01) 41.9%, oklch(56.33% 0.0435 194.88) 45.2%, oklch(57.94% 0.0426 186.71) 48.4%, oklch(59.35% 0.0432 178.53) 51.6%, oklch(60.65% 0.0452 169.64) 54.8%, oklch(61.83% 0.0481 160.22) 58.1%, oklch(62.90% 0.0517 150.56) 61.3%, oklch(63.83% 0.0559 140.97) 64.5%, oklch(64.61% 0.0604 131.75) 67.7%, oklch(65.22% 0.0649 123.22) 71.0%, oklch(65.67% 0.0692 115.67) 74.2%, oklch(65.88% 0.0736 109.19) 77.4%, oklch(65.81% 0.0785 103.32) 80.6%, oklch(65.51% 0.0838 98.03) 83.9%, oklch(65.07% 0.0892 93.33) 87.1%, oklch(64.56% 0.0945 89.19) 90.3%, oklch(64.06% 0.0992 85.63) 93.5%, oklch(63.64% 0.1032 82.62) 96.8%, oklch(63.39% 0.1061 80.16) 100.0%);

In these collections

First woodsmoke evening