Tritone navy, teal and green linear gradient

Linear gradient, 7 colors at 90°: #121c37, #142c49, #11465e, #166770, #1e908d, #4bb397, #84c890. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #121c37
• #142c49
• #11465e
• #166770
• #1e908d
• #4bb397
• #84c890

CSS

background: linear-gradient(90deg in oklch, oklch(23.23% 0.0551 267.19) 0.0%, oklch(29.10% 0.0612 254.47) 16.7%, oklch(37.34% 0.0673 232.55) 33.3%, oklch(47.24% 0.0744 205.90) 50.0%, oklch(59.33% 0.0950 192.24) 66.7%, oklch(69.89% 0.1059 172.55) 83.3%, oklch(77.17% 0.1047 148.83) 100.0%);

In these collections

Between tidesVintage swatchesRetro swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works