Crimson, tan and teal hero section palette

Complementary pink, gray and teal color palette

The Crimson, tan and teal hero section palette brings together red, orange, green, and teal. Linear swatches, 13 colors at 45°: #c2605c, #b76f66, #96927d, #74b3a7, #64c0be. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#c2605c
#c1625d
#be675f
#b76f66
#ac7a73
#a28577
#96927d
#8b9d8e
#83a79b
#74b3a7
#68bbb2
#65bfba
#64c0be

CSS

background: linear-gradient(45deg, oklch(60.63% 0.1268 23.91) 0.000% 7.692%, oklch(60.82% 0.1223 24.41) 7.692% 15.385%, oklch(61.19% 0.1135 25.84) 15.385% 23.077%, oklch(61.85% 0.0936 27.60) 23.077% 30.769%, oklch(62.79% 0.0632 29.07) 30.769% 38.462%, oklch(64.07% 0.0410 48.24) 38.462% 46.154%, oklch(65.77% 0.0302 98.74) 46.154% 53.846%, oklch(67.72% 0.0291 150.25) 53.846% 61.538%, oklch(69.87% 0.0432 173.06) 61.538% 69.231%, oklch(72.15% 0.0677 180.14) 69.231% 76.923%, oklch(73.76% 0.0825 186.15) 76.923% 84.615%, oklch(74.68% 0.0868 190.55) 84.615% 92.308%, oklch(75.20% 0.0882 192.99) 92.308% 100.000%);

In these collections

Hero section gradients