Terracotta and navy color palette

The Terracotta and navy color palette brings together orange, red, magenta, and blue. Linear gradient, 32 colors at 135°: #b66338, #df8848, #de8d60, #8e596e, #303957. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#b66338
#b96539
#be683b
#c46c3c
#ca713e
#d07540
#d57a42
#da8045
#df8848
#e3904b
#e79850
#ea9e54
#eba158
#eaa05b
#e89c5d
#e4955f
#de8d60
#d68462
#ce7b65
#c57469
#b96d6c
#ab666e
#9d5f6f
#8e596e
#80536d
#734f6b
#664a69
#594566
#4d4163
#413e5f
#373b5b
#303957

CSS

background: linear-gradient(135deg in oklch, oklch(58.66% 0.1213 46.41) 0.0%, oklch(59.56% 0.1228 46.76) 3.2%, oklch(60.79% 0.1251 47.16) 6.5%, oklch(62.25% 0.1278 47.67) 9.7%, oklch(63.84% 0.1304 48.34) 12.9%, oklch(65.47% 0.1325 49.22) 16.1%, oklch(67.03% 0.1336 50.37) 19.4%, oklch(68.65% 0.1336 52.18) 22.6%, oklch(70.63% 0.1327 55.02) 25.8%, oklch(72.70% 0.1313 58.27) 29.0%, oklch(74.59% 0.1294 61.24) 32.3%, oklch(76.03% 0.1272 63.29) 35.5%, oklch(76.75% 0.1249 63.73) 38.7%, oklch(76.52% 0.1227 62.10) 41.9%, oklch(75.45% 0.1206 58.86) 45.2%, oklch(73.76% 0.1183 54.34) 48.4%, oklch(71.63% 0.1157 48.82) 51.6%, oklch(69.24% 0.1126 42.54) 54.8%, oklch(66.78% 0.1088 35.79) 58.1%, oklch(64.40% 0.1040 28.74) 61.3%, oklch(61.76% 0.0978 20.99) 64.5%, oklch(58.88% 0.0904 12.52) 67.7%, oklch(55.89% 0.0827 3.50) 71.0%, oklch(52.92% 0.0752 354.08) 74.2%, oklch(50.10% 0.0688 344.44) 77.4%, oklch(47.54% 0.0639 334.67) 80.6%, oklch(45.05% 0.0606 323.66) 83.9%, oklch(42.57% 0.0582 311.53) 87.1%, oklch(40.23% 0.0565 299.26) 90.3%, oklch(38.12% 0.0554 287.80) 93.5%, oklch(36.35% 0.0546 278.11) 96.8%, oklch(35.04% 0.0537 271.14) 100.0%);

In these collections

Sunset gradients Dusk gradients Sunrise gradients