Ochre and mauve warm neutral palette

Analogous brown, pink and gray color palette

The Ochre and mauve warm neutral palette brings together orange, gold, and light gray. Linear gradient, 32 colors at 90°: #a58c53, #bfae79, #dac79d, #d4b5a7, #b4a1a7. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#a58c53
#a78e56
#aa9159
#ac955e
#b09a62
#b39e68
#b7a46d
#bba973
#bfae79
#c3b37f
#c7b885
#cbbd8a
#cfc08f
#d2c394
#d6c698
#d8c79b
#dac79d
#dcc69f
#ddc4a1
#ddc2a2
#dcbfa3
#dabca5
#d8b8a6
#d4b5a7
#d0b1a8
#ccaea9
#c7aba9
#c3a8a9
#bea6a9
#baa4a8
#b7a2a8
#b4a1a7

CSS

background: linear-gradient(90deg in oklch, oklch(64.96% 0.0813 85.78) 0.0%, oklch(65.69% 0.0806 86.04) 3.2%, oklch(66.65% 0.0798 86.62) 6.5%, oklch(67.82% 0.0788 87.46) 9.7%, oklch(69.14% 0.0778 88.47) 12.9%, oklch(70.59% 0.0767 89.58) 16.1%, oklch(72.12% 0.0756 90.72) 19.4%, oklch(73.69% 0.0743 91.79) 22.6%, oklch(75.27% 0.0729 92.74) 25.8%, oklch(76.82% 0.0715 93.47) 29.0%, oklch(78.30% 0.0700 93.93) 32.3%, oklch(79.67% 0.0685 94.02) 35.5%, oklch(80.89% 0.0668 93.67) 38.7%, oklch(81.93% 0.0651 92.81) 41.9%, oklch(82.75% 0.0634 91.35) 45.2%, oklch(83.30% 0.0616 89.23) 48.4%, oklch(83.56% 0.0597 86.32) 51.6%, oklch(83.54% 0.0575 82.39) 54.8%, oklch(83.29% 0.0552 77.52) 58.1%, oklch(82.83% 0.0526 71.87) 61.3%, oklch(82.19% 0.0499 65.59) 64.5%, oklch(81.41% 0.0471 58.82) 67.7%, oklch(80.52% 0.0443 51.72) 71.0%, oklch(79.56% 0.0414 44.42) 74.2%, oklch(78.54% 0.0386 37.09) 77.4%, oklch(77.51% 0.0359 29.86) 80.6%, oklch(76.50% 0.0333 22.88) 83.9%, oklch(75.54% 0.0308 16.31) 87.1%, oklch(74.66% 0.0285 10.29) 90.3%, oklch(73.90% 0.0265 4.97) 93.5%, oklch(73.28% 0.0248 0.49) 96.8%, oklch(72.83% 0.0234 357.01) 100.0%);

In these collections

Warm neutral gradients