Analogous gray, blue and teal linear gradient

Analogous gray, blue and teal color palette

Linear gradient, 7 colors at 90°: #444d5a, #546373, #637e92, #6293aa, #56a1b4, #4ca1a3, #4c9a8e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#444d5a
#546373
#637e92
#6293aa
#56a1b4
#4ca1a3
#4c9a8e

CSS

background: linear-gradient(90deg in oklch, oklch(41.73% 0.0248 257.34) 0.0%, oklch(49.24% 0.0322 251.60) 16.7%, oklch(57.87% 0.0441 242.55) 33.3%, oklch(63.63% 0.0632 230.53) 50.0%, oklch(66.93% 0.0799 216.13) 66.7%, oklch(65.72% 0.0822 197.57) 83.3%, oklch(63.39% 0.0799 182.31) 100.0%);

In these collections

Coastal swatches