Navy teal aqua periwinkle bands

Vivid navy, teal and blue palette with 13 colors. #0d1649, #0e425c, #28907e, #55b5ab, #8c8dd8. Edit and export CSS, SVG, PNG or a shader.

13 colors, 7 editable OKLCH keyframes.

#0d1649
#101d4c
#122a53
#0e425c
#1b5b65
#207673
#28907e
#35a489
#3db29a
#55b5ab
#65b0ba
#6da2d2
#8c8dd8

CSS

background: linear-gradient(90deg, oklch(23.23% 0.0951 269.30) 0.000% 7.692%, oklch(25.27% 0.0884 267.65) 7.692% 15.385%, oklch(29.13% 0.0799 259.79) 15.385% 23.077%, oklch(35.83% 0.0694 236.34) 23.077% 30.769%, oklch(43.70% 0.0648 210.12) 30.769% 38.462%, oklch(51.65% 0.0788 191.30) 38.462% 46.154%, oklch(59.06% 0.0965 178.42) 46.154% 53.846%, oklch(65.01% 0.1075 173.46) 53.846% 61.538%, oklch(69.29% 0.1102 176.30) 61.538% 69.231%, oklch(71.16% 0.0918 186.80) 69.231% 76.923%, oklch(71.26% 0.0758 206.95) 76.923% 84.615%, oklch(69.41% 0.0902 246.38) 84.615% 92.308%, oklch(67.32% 0.1089 281.98) 92.308% 100.000%);

In these collections

Cool swatches