Navy and teal cyan palette

Vivid duotone navy to cyan color palette

The Navy and teal cyan palette brings together dark blue, blue, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Linear gradient, 7 colors at 90°: #00104a, #001277, #065794, #069caf, #00d4c5, #26fcd9, #40fee7. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#00104a
#001277
#065794
#069caf
#00d4c5
#26fcd9
#40fee7

CSS

background: linear-gradient(90deg in oklch, oklch(21.28% 0.1095 263.20) 0.0%, oklch(27.57% 0.1658 264.13) 16.7%, oklch(44.88% 0.1213 249.23) 33.3%, oklch(63.39% 0.1089 210.13) 50.0%, oklch(78.35% 0.1375 185.82) 66.7%, oklch(88.98% 0.1598 177.37) 83.3%, oklch(90.16% 0.1488 182.66) 100.0%);

In these collections

Cyan gradients