Navy and teal color palette

The Navy and teal color palette brings together blue, teal, and light teal. Linear swatches, 21 colors at 315°: #023e94, #0c6fb2, #2fa4c9, #69c8cf, #91cfcc. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#023e94
#004598
#004e9d
#0158a4
#0563ab
#0c6fb2
#147ab8
#1a84bd
#1f8ec1
#2699c5
#2fa4c9
#3aaecb
#46b7cd
#52becf
#5ec4cf
#69c8cf
#74cace
#7dccce
#85cdcd
#8ccecc
#91cfcc

CSS

background: linear-gradient(315deg, oklch(38.98% 0.1516 259.45) 0.000% 4.762%, oklch(40.76% 0.1491 257.76) 4.762% 9.524%, oklch(43.20% 0.1454 255.61) 9.524% 14.286%, oklch(46.09% 0.1416 252.95) 14.286% 19.048%, oklch(49.25% 0.1371 249.94) 19.048% 23.810%, oklch(52.48% 0.1326 246.60) 23.810% 28.571%, oklch(55.58% 0.1281 242.98) 28.571% 33.333%, oklch(58.40% 0.1241 239.08) 33.333% 38.095%, oklch(61.26% 0.1203 234.47) 38.095% 42.857%, oklch(64.21% 0.1166 229.27) 42.857% 47.619%, oklch(67.13% 0.1129 223.79) 47.619% 52.381%, oklch(69.90% 0.1091 218.36) 52.381% 57.143%, oklch(72.42% 0.1051 213.29) 57.143% 61.905%, oklch(74.58% 0.1007 208.92) 61.905% 66.667%, oklch(76.29% 0.0959 205.40) 66.667% 71.429%, oklch(77.64% 0.0901 202.36) 71.429% 76.190%, oklch(78.69% 0.0839 199.75) 76.190% 80.952%, oklch(79.50% 0.0776 197.53) 80.952% 85.714%, oklch(80.14% 0.0718 195.66) 85.714% 90.476%, oklch(80.65% 0.0669 194.12) 90.476% 95.238%, oklch(81.10% 0.0634 192.88) 95.238% 100.000%);

In these collections

Coastal gradients Desktop wallpaper gradients Sky