Cobalt blue and teal color palette

The Cobalt blue and teal color palette brings together blue and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Angular swatches, 6 colors at 315°: #357dbd, #256087, #14535e, #0a7570, #1aa89d, #60d0be. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #357dbd
• #256087
• #14535e
• #0a7570
• #1aa89d
• #60d0be

CSS

background: conic-gradient(from 315deg, oklch(57.48% 0.1213 248.20) 0.000% 16.667%, oklch(46.85% 0.0882 241.86) 16.667% 33.333%, oklch(40.94% 0.0634 212.27) 33.333% 50.000%, oklch(50.79% 0.0854 190.08) 50.000% 66.667%, oklch(66.14% 0.1116 185.85) 66.667% 83.333%, oklch(78.74% 0.1061 181.63) 83.333% 100.000%);

In these collections

Blue and teal swatchesOcean swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works