Navy and Teal: Cobalt blue and near-black

Analogous blue, black and teal color palette

This palette moves from blue through dark gray to teal. It darkens and then lightens across a broad lightness range, combining moderate color with clear… Radial gradient, 40 colors: #416593, #182d3c, #070d0f, #044a52, #00a8a3. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#416593
#3e628e
#3a5e88
#375980
#325478
#2e4e6e
#294764
#25415a
#203a50
#1c3346
#182d3c
#152633
#12212b
#0f1b23
#0d171c
#0b1317
#090f13
#080d10
#070c0e
#070c0e
#070d0f
#080f12
#091316
#0a171c
#0b1d22
#0b252a
#0b2d33
#0b363d
#084047
#044a52
#00555c
#006066
#006b70
#00767a
#008083
#008a8c
#009493
#009c9a
#00a39f
#00a8a3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(50.00% 0.0854 255.23) 0.0%, oklch(48.90% 0.0831 254.41) 2.6%, oklch(47.45% 0.0799 253.45) 5.1%, oklch(45.68% 0.0760 252.36) 7.7%, oklch(43.64% 0.0715 251.17) 10.3%, oklch(41.39% 0.0666 249.87) 12.8%, oklch(38.98% 0.0613 248.49) 15.4%, oklch(36.44% 0.0557 247.01) 17.9%, oklch(33.85% 0.0500 245.47) 20.5%, oklch(31.23% 0.0443 243.86) 23.1%, oklch(28.64% 0.0386 242.20) 25.6%, oklch(26.13% 0.0332 240.50) 28.2%, oklch(23.75% 0.0280 238.76) 30.8%, oklch(21.55% 0.0232 237.00) 33.3%, oklch(19.58% 0.0190 235.22) 35.9%, oklch(17.88% 0.0153 233.44) 38.5%, oklch(16.50% 0.0124 231.67) 41.0%, oklch(15.50% 0.0104 229.91) 43.6%, oklch(14.93% 0.0093 228.18) 46.2%, oklch(14.82% 0.0092 226.48) 48.7%, oklch(15.24% 0.0104 224.80) 51.3%, oklch(16.21% 0.0128 223.04) 53.8%, oklch(17.69% 0.0163 221.18) 56.4%, oklch(19.61% 0.0209 219.24) 59.0%, oklch(21.93% 0.0264 217.24) 61.5%, oklch(24.59% 0.0327 215.20) 64.1%, oklch(27.53% 0.0396 213.12) 66.7%, oklch(30.70% 0.0470 211.03) 69.2%, oklch(34.03% 0.0548 208.94) 71.8%, oklch(37.49% 0.0628 206.87) 74.4%, oklch(41.00% 0.0700 204.85) 76.9%, oklch(44.52% 0.0758 202.86) 79.5%, oklch(47.99% 0.0816 200.94) 82.1%, oklch(51.35% 0.0873 199.11) 84.6%, oklch(54.54% 0.0928 197.37) 87.2%, oklch(57.52% 0.0980 195.76) 89.7%, oklch(60.23% 0.1029 194.27) 92.3%, oklch(62.60% 0.1072 192.93) 94.9%, oklch(64.59% 0.1110 191.76) 97.4%, oklch(66.14% 0.1139 190.77) 100.0%);

In these collections

Navy and teal gradients