Navy, teal, green and red linear swatches

Navy, teal, green and red palette with 8 colors. #143551, #00b789, #c7c451, #fa8d00, #dc1f00. Edit and export CSS, SVG, PNG or a shader.

8 colors, 6 editable OKLCH keyframes.

#143551
#007678
#00b789
#53db7a
#c7c451
#fa8d00
#fd462b
#dc1f00

CSS

background: linear-gradient(45deg, oklch(31.89% 0.0634 246.80) 0.000% 12.500%, oklch(51.41% 0.0876 196.35) 12.500% 25.000%, oklch(69.09% 0.1413 167.17) 25.000% 37.500%, oklch(79.54% 0.1806 149.63) 37.500% 50.000%, oklch(80.09% 0.1363 107.53) 50.000% 62.500%, oklch(74.68% 0.1748 60.19) 62.500% 75.000%, oklch(65.92% 0.2225 31.56) 75.000% 87.500%, oklch(57.09% 0.2212 31.19) 87.500% 100.000%);