Crimson and orange color palette

The Crimson and orange color palette brings together red, light red, and pale orange. Linear gradient, 32 colors at 135°: #c27871, #dc8d7f, #f7a88f, #ffc0a2, #ffd5b9. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#c27871
#c47972
#c77b74
#ca7e75
#cd8077
#d08379
#d4867a
#d88a7d
#dc8d7f
#e09081
#e49483
#e89885
#ec9b87
#ef9f89
#f2a28b
#f5a58d
#f7a88f
#f9ac91
#fbaf93
#fdb295
#feb598
#ffb99a
#ffbd9e
#ffc0a2
#ffc4a5
#ffc7a9
#ffcaac
#ffccaf
#ffcfb2
#ffd1b5
#ffd3b7
#ffd5b9

CSS

background: linear-gradient(135deg in oklch, oklch(64.96% 0.0951 25.31) 0.0%, oklch(65.51% 0.0953 25.76) 3.2%, oklch(66.19% 0.0957 26.30) 6.5%, oklch(66.99% 0.0963 26.90) 9.7%, oklch(67.88% 0.0969 27.58) 12.9%, oklch(68.85% 0.0976 28.32) 16.1%, oklch(69.88% 0.0983 29.11) 19.4%, oklch(70.97% 0.0990 29.94) 22.6%, oklch(72.08% 0.0996 30.82) 25.8%, oklch(73.22% 0.1002 31.73) 29.0%, oklch(74.35% 0.1008 32.67) 32.3%, oklch(75.48% 0.1011 33.62) 35.5%, oklch(76.57% 0.1014 34.59) 38.7%, oklch(77.61% 0.1014 35.57) 41.9%, oklch(78.60% 0.1013 36.55) 45.2%, oklch(79.50% 0.1009 37.51) 48.4%, oklch(80.33% 0.1002 38.48) 51.6%, oklch(81.14% 0.0992 39.53) 54.8%, oklch(81.95% 0.0979 40.67) 58.1%, oklch(82.75% 0.0963 41.86) 61.3%, oklch(83.54% 0.0945 43.10) 64.5%, oklch(84.32% 0.0918 44.37) 67.7%, oklch(85.07% 0.0875 45.65) 71.0%, oklch(85.80% 0.0835 46.93) 74.2%, oklch(86.49% 0.0797 48.18) 77.4%, oklch(87.16% 0.0761 49.40) 80.6%, oklch(87.78% 0.0728 50.56) 83.9%, oklch(88.36% 0.0697 51.64) 87.1%, oklch(88.89% 0.0668 52.64) 90.3%, oklch(89.37% 0.0642 53.52) 93.5%, oklch(89.79% 0.0620 54.29) 96.8%, oklch(90.16% 0.0600 54.91) 100.0%);

In these collections

Light UI gradients Pastel gradients