Analogous navy, teal and gray linear swatches

Analogous navy, teal and gray palette with 6 colors. #223750, #2f5670, #4f818c, #76a397, #96ad89, #9e9d6d. Edit and export CSS, SVG, PNG or a shader.

6 colors, 5 editable OKLCH keyframes.

• #223750
• #2f5670
• #4f818c
• #76a397
• #96ad89
• #9e9d6d

CSS

background: linear-gradient(90deg, oklch(33.07% 0.0524 253.83) 0.000% 16.667%, oklch(43.70% 0.0624 239.17) 16.667% 33.333%, oklch(57.21% 0.0568 213.51) 33.333% 50.000%, oklch(68.00% 0.0521 176.01) 50.000% 66.667%, oklch(72.06% 0.0570 134.92) 66.667% 83.333%, oklch(68.50% 0.0661 106.94) 83.333% 100.000%);

In these collections

Natural swatchesCottagecore swatchesOlive grove wedding dinner

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works