Analogous black, blue and teal linear swatches

Analogous black, blue and teal palette with 10 colors. #281e04, #3b2e3b, #3a7a8c, #26b3b1, #1dddc8. Edit and export CSS, SVG, PNG or a shader.

10 colors, 4 editable OKLCH keyframes.

#281e04
#37211b
#3b2e3b
#3c4253
#3f5b6f
#3a7a8c
#2f98a3
#26b3b1
#1eccbf
#1dddc8

CSS

background: linear-gradient(300deg, oklch(24.02% 0.0427 85.78) 0.000% 10.000%, oklch(27.31% 0.0367 35.88) 10.000% 20.000%, oklch(32.18% 0.0293 326.37) 20.000% 30.000%, oklch(38.19% 0.0303 269.30) 30.000% 40.000%, oklch(45.80% 0.0464 237.95) 40.000% 50.000%, oklch(54.55% 0.0710 219.05) 50.000% 60.000%, oklch(62.60% 0.0937 204.84) 60.000% 70.000%, oklch(69.77% 0.1123 193.49) 70.000% 80.000%, oklch(76.25% 0.1290 186.84) 80.000% 90.000%, oklch(80.71% 0.1406 182.65) 90.000% 100.000%);

In these collections

Multicolor gradients