Peach navy diagonal fade

Complementary peach to navy color palette

Linear gradient, 7 colors at 135°: #ffc699, #f1a592, #aa8787, #646775, #1b4860, #002c45, #001528. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#ffc699
#f1a592
#aa8787
#646775
#1b4860
#002c45
#001528

CSS

background: linear-gradient(135deg in oklch, oklch(86.61% 0.0880 59.07) 0.0%, oklch(79.13% 0.0937 34.76) 16.7%, oklch(65.75% 0.0427 18.91) 33.3%, oklch(51.57% 0.0234 277.46) 50.0%, oklch(38.19% 0.0634 235.19) 66.7%, oklch(27.96% 0.0647 240.56) 83.3%, oklch(18.90% 0.0482 245.76) 100.0%);

In these collections

Coastal gradients