Ochre color palette

The Ochre color palette brings together gold, dark orange, and pale yellow. #c1a44f, #9a875f, #b08524. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#c1a44f
#b89948
#a98a3f
#977733
#836327
#6f4f1b
#5b3d11
#492d08
#3c2203
#321b01
#2f1902
#331d06
#3e2810
#4f391f
#655031
#7f6a47
#9a875f
#b6a477
#cfc08d
#e4d8a1
#f3eaae
#fbf2b3
#fcf3b1
#f9eea8
#f2e49b
#e9d78b
#dec778
#d3b665
#c8a651
#be9840
#b68c30
#b08524

CSS

background: linear-gradient(135deg in oklch, oklch(72.83% 0.1102 90.70) 0.0%, oklch(69.53% 0.1064 88.92) 3.2%, oklch(64.65% 0.1009 86.29) 6.5%, oklch(58.65% 0.0943 83.07) 9.7%, oklch(51.99% 0.0870 79.49) 12.9%, oklch(45.13% 0.0793 75.79) 16.1%, oklch(38.52% 0.0717 72.23) 19.4%, oklch(32.63% 0.0646 69.04) 22.6%, oklch(27.90% 0.0583 66.48) 25.8%, oklch(24.81% 0.0534 64.78) 29.0%, oklch(23.81% 0.0502 64.19) 32.3%, oklch(25.41% 0.0490 64.99) 35.5%, oklch(29.76% 0.0492 67.26) 38.7%, oklch(36.31% 0.0507 70.71) 41.9%, oklch(44.45% 0.0533 75.00) 45.2%, oklch(53.57% 0.0566 79.81) 48.4%, oklch(63.08% 0.0605 84.82) 51.6%, oklch(72.38% 0.0648 89.71) 54.8%, oklch(80.85% 0.0692 94.14) 58.1%, oklch(87.91% 0.0735 97.79) 61.3%, oklch(92.94% 0.0775 100.34) 64.5%, oklch(95.41% 0.0811 101.49) 67.7%, oklch(95.67% 0.0849 101.42) 71.0%, oklch(94.22% 0.0891 100.39) 74.2%, oklch(91.41% 0.0935 98.61) 77.4%, oklch(87.62% 0.0980 96.28) 80.6%, oklch(83.19% 0.1025 93.61) 83.9%, oklch(78.49% 0.1069 90.80) 87.1%, oklch(73.88% 0.1109 88.06) 90.3%, oklch(69.72% 0.1145 85.58) 93.5%, oklch(66.36% 0.1176 83.58) 96.8%, oklch(64.17% 0.1199 82.25) 100.0%);

In these collections

Black and gold gradients Gold gradients