Blue and teal color palette
This palette brings together dark blue and light teal. #000e33, #00697d, #00b7a9, #00697d, #000e33. Edit and export CSS, SVG, PNG or a shader.
48 colors, 3 editable OKLCH keyframes.
- #000e33
- #001235
- #001739
- #001d3d
- #002343
- #002a49
- #003150
- #003a57
- #00435e
- #004c66
- #00556e
- #005f76
- #00697d
- #007384
- #007d8b
- #008791
- #009097
- #00989b
- #00a09f
- #00a7a3
- #00ada5
- #00b2a7
- #00b5a8
- #00b7a9
- #00b7a9
- #00b5a8
- #00b2a7
- #00ada5
- #00a7a3
- #00a09f
- #00989b
- #009097
- #008791
- #007d8b
- #007384
- #00697d
- #005f76
- #00556e
- #004c66
- #00435e
- #003a57
- #003150
- #002a49
- #002343
- #001d3d
- #001739
- #001235
- #000e33
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.14% 0.0764 260.58) 0.0%, oklch(19.42% 0.0741 258.66) 2.1%, oklch(21.05% 0.0725 256.25) 4.3%, oklch(22.98% 0.0717 253.40) 6.4%, oklch(25.17% 0.0716 250.17) 8.5%, oklch(27.60% 0.0720 246.62) 10.6%, oklch(30.23% 0.0728 242.78) 12.8%, oklch(33.02% 0.0741 238.73) 14.9%, oklch(35.93% 0.0757 234.50) 17.0%, oklch(38.93% 0.0777 230.15) 19.1%, oklch(41.99% 0.0801 225.73) 21.3%, oklch(45.06% 0.0828 221.29) 23.4%, oklch(48.10% 0.0859 216.88) 25.5%, oklch(51.10% 0.0892 212.55) 27.7%, oklch(54.00% 0.0929 208.35) 29.8%, oklch(56.77% 0.0968 204.35) 31.9%, oklch(59.38% 0.1010 200.58) 34.0%, oklch(61.79% 0.1052 197.10) 36.2%, oklch(63.96% 0.1093 193.96) 38.3%, oklch(65.86% 0.1133 191.21) 40.4%, oklch(67.46% 0.1169 188.91) 42.6%, oklch(68.70% 0.1199 187.11) 44.7%, oklch(69.57% 0.1221 185.86) 46.8%, oklch(70.02% 0.1233 185.21) 48.9%, oklch(70.02% 0.1233 185.21) 51.1%, oklch(69.57% 0.1221 185.86) 53.2%, oklch(68.70% 0.1199 187.11) 55.3%, oklch(67.46% 0.1169 188.91) 57.4%, oklch(65.86% 0.1133 191.21) 59.6%, oklch(63.96% 0.1093 193.96) 61.7%, oklch(61.79% 0.1052 197.10) 63.8%, oklch(59.38% 0.1010 200.58) 66.0%, oklch(56.77% 0.0968 204.35) 68.1%, oklch(54.00% 0.0929 208.35) 70.2%, oklch(51.10% 0.0892 212.55) 72.3%, oklch(48.10% 0.0859 216.88) 74.5%, oklch(45.06% 0.0828 221.29) 76.6%, oklch(41.99% 0.0801 225.73) 78.7%, oklch(38.93% 0.0777 230.15) 80.9%, oklch(35.93% 0.0757 234.50) 83.0%, oklch(33.02% 0.0741 238.73) 85.1%, oklch(30.23% 0.0728 242.78) 87.2%, oklch(27.60% 0.0720 246.62) 89.4%, oklch(25.17% 0.0716 250.17) 91.5%, oklch(22.98% 0.0717 253.40) 93.6%, oklch(21.05% 0.0725 256.25) 95.7%, oklch(19.42% 0.0741 258.66) 97.9%, oklch(18.14% 0.0764 260.58) 100.0%);In these collections
Ocean gradientsNavy and teal gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
