Indigo gray yellow bands

Complementary navy, gray and yellow palette with 13 colors. #1d154f, #404b54, #97957a, #e6d25a, #ffe54f. Edit and export CSS, SVG, PNG or a shader.

13 colors, 6 editable OKLCH keyframes.

#1d154f
#27224d
#34344d
#404b54
#5e6261
#797b75
#97957a
#b5ae75
#d1c16b
#e6d25a
#f5de4d
#fce34c
#ffe54f

CSS

background: linear-gradient(90deg, oklch(24.80% 0.1020 281.95) 0.000% 7.692%, oklch(28.31% 0.0761 286.15) 7.692% 15.385%, oklch(33.68% 0.0430 283.14) 15.385% 23.077%, oklch(40.65% 0.0208 243.18) 23.077% 30.769%, oklch(49.34% 0.0054 170.05) 30.769% 38.462%, oklch(57.96% 0.0083 118.09) 38.462% 46.154%, oklch(66.41% 0.0379 103.63) 46.154% 53.846%, oklch(74.22% 0.0761 102.01) 53.846% 61.538%, oklch(80.62% 0.1092 99.25) 61.538% 69.231%, oklch(85.83% 0.1408 99.94) 69.231% 76.923%, oklch(89.34% 0.1598 100.00) 76.923% 84.615%, oklch(90.97% 0.1646 99.50) 84.615% 92.308%, oklch(91.73% 0.1643 99.14) 92.308% 100.000%);

In these collections

Blue and yellow swatches