Teal and cobalt blue color palette

The Teal and cobalt blue color palette brings together blue and teal. The colors span a broad lightness range, combining strong color with clear contrast. Angular swatches, 13 colors at 45°: #1a4861, #0668c7, #1d97fc, #33d0ff, #75fff7. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #1a4861
• #0b5179
• #005d9c
• #0668c7
• #1d74e7
• #1f84f6
• #1d97fc
• #1faafd
• #25bcff
• #33d0ff
• #39e4ff
• #2ef8fe
• #75fff7

CSS

background: conic-gradient(from 45deg, oklch(38.19% 0.0648 235.55) 0.000% 7.692%, oklch(41.69% 0.0915 240.60) 7.692% 15.385%, oklch(46.73% 0.1262 248.13) 15.385% 23.077%, oklch(52.32% 0.1686 254.87) 23.077% 30.769%, oklch(57.48% 0.1915 257.74) 30.769% 38.462%, oklch(62.04% 0.1925 255.62) 38.462% 46.154%, oklch(66.49% 0.1799 250.28) 46.154% 53.846%, oklch(70.86% 0.1631 242.85) 53.846% 61.538%, oklch(75.20% 0.1506 234.49) 61.538% 69.231%, oklch(79.88% 0.1391 223.83) 69.231% 76.923%, oklch(84.77% 0.1363 210.84) 76.923% 84.615%, oklch(89.10% 0.1451 198.58) 84.615% 92.308%, oklch(92.12% 0.1214 190.11) 92.308% 100.000%);

In these collections

Teal gradientsBlue and teal swatchesCool swatchesSummer swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works