Ochre and charcoal school uniform palette

Mustard, brown and dark gray color palette

This palette moves from gold through gray to dark gray. It steadily darkens across a broad lightness range, combining moderate color with clear contrast. Linear gradient, 32 colors at 180°: #d2af2b, #b79a2a, #796c2e, #414234, #2a2c2e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#d2af2b
#d0ad2b
#ceac2b
#ccaa2a
#c9a82a
#c5a52a
#c1a229
#bc9e2a
#b79a2a
#b0952a
#a9902b
#a28a2b
#9a842b
#927d2b
#89772c
#81712d
#796c2e
#71652f
#695e31
#615832
#595133
#504c34
#494634
#414234
#3b3e34
#363b34
#313834
#2e3533
#2c3233
#2b3031
#2a2e30
#2a2c2e

CSS

background: linear-gradient(180deg in oklch, oklch(76.38% 0.1447 92.81) 0.0%, oklch(75.91% 0.1437 92.88) 3.2%, oklch(75.35% 0.1425 92.96) 6.5%, oklch(74.69% 0.1412 93.05) 9.7%, oklch(73.91% 0.1396 93.16) 12.9%, oklch(73.00% 0.1376 93.30) 16.1%, oklch(71.94% 0.1351 93.47) 19.4%, oklch(70.72% 0.1321 93.68) 22.6%, oklch(69.31% 0.1286 93.93) 25.8%, oklch(67.67% 0.1244 94.13) 29.0%, oklch(65.81% 0.1198 94.29) 32.3%, oklch(63.78% 0.1147 94.46) 35.5%, oklch(61.64% 0.1091 94.70) 38.7%, oklch(59.42% 0.1032 95.08) 41.9%, oklch(57.20% 0.0969 95.66) 45.2%, oklch(55.00% 0.0902 96.50) 48.4%, oklch(52.86% 0.0832 97.43) 51.6%, oklch(50.60% 0.0749 97.30) 54.8%, oklch(48.24% 0.0659 96.59) 58.1%, oklch(45.87% 0.0564 96.02) 61.3%, oklch(43.53% 0.0469 96.30) 64.5%, oklch(41.30% 0.0380 98.15) 67.7%, oklch(39.24% 0.0300 102.31) 71.0%, oklch(37.42% 0.0234 109.48) 74.2%, oklch(35.86% 0.0185 120.94) 77.4%, oklch(34.46% 0.0147 137.46) 80.6%, oklch(33.23% 0.0119 157.45) 83.9%, oklch(32.14% 0.0099 179.21) 87.1%, oklch(31.19% 0.0085 201.07) 90.3%, oklch(30.38% 0.0074 221.32) 93.5%, oklch(29.70% 0.0065 238.28) 96.8%, oklch(29.13% 0.0055 250.27) 100.0%);

In these collections

School uniform