Coral, stone and teal hero section palette

Complementary pink, gray and teal color palette

The Coral, stone and teal hero section palette brings together light red, light orange, light green, and teal. Linear gradient, 32 colors at 90°: #d5968f, #dbbea8, #c9d4ba, #a1ccbe, #63a99b. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d5968f
#d69990
#d79d91
#d8a294
#d9a797
#daad9b
#dab39f
#dbb8a3
#dbbea8
#dbc2ab
#dac6ae
#d9c9b0
#d7ccb2
#d5ceb4
#d1d1b6
#cdd3b8
#c9d4ba
#c4d5bd
#bfd6bf
#bad6c1
#b4d5c2
#afd3c3
#a8d0c1
#a1ccbe
#99c8ba
#90c3b6
#87beb0
#7eb9ab
#76b4a6
#6fafa1
#68ac9d
#63a99b

CSS

background: linear-gradient(90deg in oklch, oklch(73.23% 0.0772 26.02) 0.0%, oklch(73.88% 0.0748 28.56) 3.2%, oklch(74.78% 0.0715 31.57) 6.5%, oklch(75.86% 0.0675 35.05) 9.7%, oklch(77.06% 0.0630 38.98) 12.9%, oklch(78.33% 0.0583 43.34) 16.1%, oklch(79.61% 0.0536 48.14) 19.4%, oklch(80.84% 0.0491 53.35) 22.6%, oklch(81.97% 0.0451 58.96) 25.8%, oklch(82.93% 0.0417 64.97) 29.0%, oklch(83.67% 0.0392 71.36) 32.3%, oklch(84.19% 0.0376 78.36) 35.5%, oklch(84.63% 0.0367 86.60) 38.7%, oklch(84.99% 0.0363 95.82) 41.9%, oklch(85.27% 0.0363 105.71) 45.2%, oklch(85.44% 0.0367 115.93) 48.4%, oklch(85.50% 0.0375 126.15) 51.6%, oklch(85.42% 0.0385 136.06) 54.8%, oklch(85.21% 0.0398 145.33) 58.1%, oklch(84.85% 0.0413 153.64) 61.3%, oklch(84.31% 0.0430 160.65) 64.5%, oklch(83.59% 0.0447 166.08) 67.7%, oklch(82.52% 0.0470 170.19) 71.0%, oklch(81.13% 0.0499 173.23) 74.2%, oklch(79.50% 0.0531 175.38) 77.4%, oklch(77.72% 0.0566 176.79) 80.6%, oklch(75.87% 0.0602 177.64) 83.9%, oklch(74.04% 0.0637 178.09) 87.1%, oklch(72.30% 0.0671 178.31) 90.3%, oklch(70.74% 0.0701 178.46) 93.5%, oklch(69.45% 0.0726 178.72) 96.8%, oklch(68.50% 0.0744 179.24) 100.0%);

In these collections

Hero section gradients