River foam with safety orange

Linear swatches, 4 colors at 135°: #0c5364, #1aa2ac, #eaf2e7, #f36b24. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0c5364
#1aa2ac
#eaf2e7
#f36b24

CSS

background: linear-gradient(135deg, oklch(40.94% 0.0703 220.08) 0.000% 25.000%, oklch(64.96% 0.1061 203.17) 25.000% 50.000%, oklch(95.28% 0.0165 136.59) 50.000% 75.000%, oklch(68.50% 0.1846 43.60) 75.000% 100.000%);

In these collections

Darecations