Navy and teal two color palette

The Navy and teal two color palette brings together dark blue and teal. The colors span a broad lightness range, combining strong color with clear contrast. Linear gradient, 32 colors at 135°: #001e44, #003f64, #007493, #00a7b8, #00d1d1. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

#001e44
#002147
#00244a
#00284d
#002c51
#003055
#00355a
#003a5f
#003f64
#004569
#004b6f
#005275
#00587b
#005f81
#006687
#006d8d
#007493
#007c98
#00839e
#008aa4
#0092a9
#0099ae
#00a0b3
#00a7b8
#00adbc
#00b4c0
#00bac4
#00bfc8
#00c5cb
#00c9cd
#00cdd0
#00d1d1

CSS

background: linear-gradient(135deg in oklch, oklch(24.03% 0.0804 255.44) 0.0%, oklch(24.98% 0.0805 254.36) 3.2%, oklch(26.09% 0.0807 253.10) 6.5%, oklch(27.35% 0.0811 251.68) 9.7%, oklch(28.74% 0.0816 250.10) 12.9%, oklch(30.25% 0.0822 248.39) 16.1%, oklch(31.88% 0.0830 246.55) 19.4%, oklch(33.62% 0.0839 244.60) 22.6%, oklch(35.44% 0.0850 242.55) 25.8%, oklch(37.35% 0.0862 240.41) 29.0%, oklch(39.33% 0.0875 238.19) 32.3%, oklch(41.37% 0.0889 235.91) 35.5%, oklch(43.45% 0.0904 233.57) 38.7%, oklch(45.58% 0.0921 231.19) 41.9%, oklch(47.73% 0.0939 228.78) 45.2%, oklch(49.90% 0.0957 226.35) 48.4%, oklch(52.07% 0.0977 223.92) 51.6%, oklch(54.24% 0.0998 221.50) 54.8%, oklch(56.40% 0.1020 219.09) 58.1%, oklch(58.52% 0.1043 216.71) 61.3%, oklch(60.61% 0.1067 214.38) 64.5%, oklch(62.65% 0.1092 212.10) 67.7%, oklch(64.63% 0.1117 209.89) 71.0%, oklch(66.53% 0.1143 207.76) 74.2%, oklch(68.36% 0.1169 205.72) 77.4%, oklch(70.10% 0.1195 203.78) 80.6%, oklch(71.73% 0.1220 201.96) 83.9%, oklch(73.24% 0.1245 200.26) 87.1%, oklch(74.64% 0.1269 198.71) 90.3%, oklch(75.89% 0.1291 197.30) 93.5%, oklch(77.00% 0.1312 196.06) 96.8%, oklch(77.95% 0.1330 195.00) 100.0%);

In these collections

Two color gradients