Navy gold horizontal glow

Complementary navy, gray and brown palette with 15 colors. #000b16, #304e4c, #8d865a, #a7752c, #5f3505. Edit and export CSS, SVG, PNG or a shader.

15 colors, 6 editable OKLCH keyframes.

#000b16
#001424
#0d2233
#193542
#304e4c
#546555
#72775c
#8d865a
#a38f51
#b08d47
#b0843a
#a7752c
#93601e
#75470f
#5f3505

CSS

background: linear-gradient(90deg in oklch, oklch(14.22% 0.0335 241.57) 0.0%, oklch(18.33% 0.0434 243.26) 7.1%, oklch(24.42% 0.0424 244.47) 14.3%, oklch(31.37% 0.0409 230.38) 21.4%, oklch(39.89% 0.0360 191.58) 28.6%, oklch(48.71% 0.0330 145.90) 35.7%, oklch(55.72% 0.0409 115.99) 42.9%, oklch(61.54% 0.0620 100.91) 50.0%, oklch(65.43% 0.0846 91.83) 57.1%, oklch(66.21% 0.0978 83.41) 64.3%, oklch(64.17% 0.1053 77.76) 71.4%, oklch(60.06% 0.1077 73.36) 78.6%, oklch(53.30% 0.1027 68.73) 85.7%, oklch(44.13% 0.0914 64.66) 92.9%, oklch(37.40% 0.0827 61.88) 100.0%);

In these collections

Navy and gold Vintage gradients