Navy, teal and peach coastal palette

The Navy, teal and peach coastal palette brings together blue, teal, green, light green, and light orange. #0c3a60, #0c9d9a, #3ec6b2, #bbcba5, #dda895.

7 colors, 6 editable OKLCH keyframes.

#0c3a60
#00687a
#0c9d9a
#3ec6b2
#82d6b5
#bbcba5
#dda895

CSS

background: linear-gradient(135deg in oklch, oklch(33.86% 0.0827 248.91) 0.0%, oklch(47.73% 0.0843 214.89) 16.7%, oklch(63.07% 0.1065 192.59) 33.3%, oklch(74.95% 0.1190 180.94) 50.0%, oklch(81.34% 0.0952 166.60) 66.7%, oklch(81.87% 0.0534 126.15) 83.3%, oklch(77.56% 0.0689 40.73) 100.0%);

In these collections

Coastal gradients