Navy and teal analogous palette

The Navy and teal analogous palette brings together dark blue, blue, and teal. #082b45, #0e6878, #44ab92. Edit and export CSS, SVG, PNG or a shader.

5 colors, 5 editable OKLCH keyframes.

#082b45
#0c4561
#0e6878
#188d8a
#44ab92

CSS

background: linear-gradient(135deg, oklch(27.95% 0.0620 245.39) 0.000% 20.000%, oklch(37.01% 0.0730 235.88) 20.000% 40.000%, oklch(47.64% 0.0799 213.69) 40.000% 60.000%, oklch(58.27% 0.0951 192.55) 60.000% 80.000%, oklch(67.32% 0.1020 174.59) 80.000% 100.000%);

In these collections

Analogous swatches