Indigo, sage and crimson tetradic palette

Muted rainbow from purple to brown color palette

The Indigo, sage and crimson tetradic palette brings together blue, teal, green, orange, and red. Linear gradient, 32 colors at 135°: #453c70, #5c74a0, #62996b, #b9964b, #b15152. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#453c70
#4a4075
#52477b
#5c4f83
#66588b
#6c6193
#6e699b
#686f9f
#5c74a0
#4d799b
#407d91
#3b7f85
#3e827b
#468674
#4e8b70
#58926e
#62996b
#6e9f68
#7ba362
#89a45a
#98a253
#a59f4d
#b09b4b
#b9964b
#bf904c
#c2894d
#c3804d
#c1764d
#be6a4d
#b9604e
#b45750
#b15152

CSS

background: linear-gradient(135deg in oklch, oklch(38.98% 0.0868 289.69) 0.0%, oklch(40.78% 0.0858 290.47) 3.2%, oklch(43.39% 0.0843 292.51) 6.5%, oklch(46.44% 0.0826 294.55) 9.7%, oklch(49.54% 0.0808 295.34) 12.9%, oklch(52.33% 0.0790 293.63) 16.1%, oklch(54.42% 0.0774 288.17) 19.4%, oklch(55.55% 0.0759 277.51) 22.6%, oklch(55.92% 0.0738 261.72) 25.8%, oklch(55.85% 0.0716 242.74) 29.0%, oklch(55.62% 0.0699 222.54) 32.3%, oklch(55.56% 0.0691 203.08) 35.5%, oklch(55.95% 0.0696 186.34) 38.7%, oklch(57.06% 0.0720 173.74) 41.9%, oklch(58.83% 0.0768 163.89) 45.2%, oklch(60.97% 0.0830 155.80) 48.4%, oklch(63.23% 0.0898 148.70) 51.6%, oklch(65.34% 0.0962 141.77) 54.8%, oklch(67.02% 0.1013 134.22) 58.1%, oklch(68.06% 0.1042 125.35) 61.3%, oklch(68.73% 0.1051 115.57) 64.5%, oklch(69.11% 0.1047 105.35) 67.7%, oklch(69.18% 0.1037 94.98) 71.0%, oklch(68.95% 0.1027 84.77) 74.2%, oklch(68.40% 0.1025 75.02) 77.4%, oklch(67.50% 0.1037 66.02) 80.6%, oklch(65.94% 0.1066 57.14) 83.9%, oklch(63.79% 0.1104 48.29) 87.1%, oklch(61.37% 0.1148 39.88) 90.3%, oklch(58.98% 0.1191 32.31) 93.5%, oklch(56.92% 0.1228 25.97) 96.8%, oklch(55.51% 0.1254 21.27) 100.0%);

In these collections

Tetradic color palette