Indigo, ochre and mauve color palette

The Indigo, ochre and mauve color palette brings together blue, gray, yellow, light yellow, light gray, and teal. Linear gradient, 21 colors at 270°: #7871b2, #5d7679, #afa14e, #b5bb9e, #6a979b. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

• #7871b2
• #746dad
• #6e68a6
• #5f6aa0
• #50738e
• #5d7679
• #697b74
• #70876c
• #879156
• #a0974a
• #afa14e
• #b6ad59
• #bfb369
• #c6b67e
• #c3b991
• #b5bb9e
• #a6b8ab
• #9eb0ae
• #90a8a8
• #7a9ea1
• #6a979b

CSS

background: linear-gradient(270deg in oklch, oklch(58.27% 0.0978 287.58) 0.0%, oklch(56.82% 0.0969 288.15) 5.0%, oklch(54.91% 0.0944 286.96) 10.0%, oklch(53.88% 0.0846 274.04) 15.0%, oklch(53.91% 0.0582 242.75) 20.0%, oklch(54.74% 0.0299 203.50) 25.0%, oklch(56.55% 0.0240 170.17) 30.0%, oklch(59.65% 0.0485 140.83) 35.0%, oklch(63.34% 0.0812 116.49) 40.0%, oklch(66.83% 0.0991 102.56) 45.0%, oklch(70.45% 0.1063 100.47) 50.0%, oklch(73.71% 0.1059 102.58) 55.0%, oklch(76.02% 0.0965 100.46) 60.0%, oklch(77.62% 0.0765 94.51) 65.0%, oklch(78.34% 0.0556 96.02) 70.0%, oklch(77.94% 0.0405 117.20) 75.0%, oklch(76.49% 0.0275 154.46) 80.0%, oklch(74.36% 0.0208 186.44) 85.0%, oklch(71.26% 0.0259 199.17) 90.0%, oklch(67.38% 0.0393 201.55) 95.0%, oklch(64.57% 0.0496 201.98) 100.0%);

In these collections

Weathered garden gradientsSoft multicolor gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works