Analogous navy and teal linear swatches

Linear swatches, 13 colors at 225°: #1c3353, #1d4a6f, #1e7c8e, #19b4ac, #19dec9. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1c3353
#1c385a
#1d4064
#1d4a6f
#1b597a
#1b6b84
#1e7c8e
#1c8f99
#18a2a3
#19b4ac
#1cc5b6
#1ad4c1
#19dec9

CSS

background: linear-gradient(225deg, oklch(31.89% 0.0648 256.64) 0.000% 7.692%, oklch(33.68% 0.0690 254.72) 7.692% 15.385%, oklch(36.35% 0.0749 251.63) 15.385% 23.077%, oklch(39.76% 0.0799 246.07) 23.077% 30.769%, oklch(44.09% 0.0820 236.48) 30.769% 38.462%, oklch(49.17% 0.0831 224.43) 38.462% 46.154%, oklch(54.33% 0.0868 213.31) 46.154% 53.846%, oklch(59.54% 0.0954 203.92) 53.846% 61.538%, oklch(64.83% 0.1066 195.47) 61.538% 69.231%, oklch(69.69% 0.1171 189.01) 69.231% 76.923%, oklch(74.21% 0.1267 185.33) 76.923% 84.615%, oklch(78.29% 0.1357 183.65) 84.615% 92.308%, oklch(81.10% 0.1419 182.67) 92.308% 100.000%);

In these collections

Teal gradients Linear gradients