Analogous navy, teal and green linear swatches

Analogous navy, teal and green palette with 6 colors. #02333d, #005a69, #009598, #1ad29c, #3afc72, #71fe44. Edit and export CSS, SVG, PNG or a shader.

6 colors, 6 editable OKLCH keyframes.

#02333d
#005a69
#009598
#1ad29c
#3afc72
#71fe44

CSS

background: linear-gradient(45deg, oklch(29.53% 0.0510 216.56) 0.000% 16.667%, oklch(42.92% 0.0756 214.47) 16.667% 33.333%, oklch(60.63% 0.1032 197.54) 33.333% 50.000%, oklch(76.77% 0.1557 165.84) 50.000% 66.667%, oklch(87.01% 0.2356 147.87) 66.667% 83.333%, oklch(88.58% 0.2508 139.42) 83.333% 100.000%);