Navy blue and teal palette

Analogous navy, teal and light blue color palette

The Navy blue and teal palette brings together blue, teal, light green, and light teal. Linear swatches, 13 colors at 90°: #0f2c67, #093d77, #318092, #79c3ae, #acd5d3. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#0f2c67
#0e2d6a
#0b3070
#093d77
#15507e
#236587
#318092
#4b9a9b
#63b0a4
#79c3ae
#8cd0bc
#9ed4cb
#acd5d3

CSS

background: linear-gradient(90deg, oklch(31.10% 0.1089 262.27) 0.000% 7.692%, oklch(31.54% 0.1143 262.08) 7.692% 15.385%, oklch(32.77% 0.1192 260.70) 15.385% 23.077%, oklch(36.27% 0.1130 255.62) 23.077% 30.769%, oklch(41.76% 0.0973 247.39) 30.769% 38.462%, oklch(48.19% 0.0852 235.00) 38.462% 46.154%, oklch(55.83% 0.0799 215.77) 46.154% 53.846%, oklch(63.57% 0.0775 196.54) 53.846% 61.538%, oklch(70.31% 0.0782 183.24) 61.538% 69.231%, oklch(76.32% 0.0806 174.21) 69.231% 76.923%, oklch(80.57% 0.0743 173.76) 76.923% 84.615%, oklch(82.94% 0.0570 184.13) 84.615% 92.308%, oklch(84.25% 0.0427 193.58) 92.308% 100.000%);

In these collections

Blue and teal swatches