Skip to content
Grabient palettes

Teal and emerald ocean palette

Cool blue, teal and green color palette

The Teal and emerald ocean palette brings together blue, teal, and green. Linear swatches, 4 colors at 45°: #22455c, #2a8a90, #3baa86, #69b882. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #22455c
  • #2a8a90
  • #3baa86
  • #69b882

CSS

background: linear-gradient(45deg, oklch(37.40% 0.0579 240.47) 0.000% 25.000%, oklch(58.27% 0.0868 200.31) 25.000% 50.000%, oklch(66.54% 0.1144 167.55) 50.000% 75.000%, oklch(71.65% 0.1116 152.76) 75.000% 100.000%);

In these collections

Ocean swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works