Sage and mustard olive palette

Seamless dark green and olive color palette

The Sage and mustard olive palette brings together green and yellow. The colors span a moderate lightness range, combining moderate color with gentle contrast. Angular gradient, 32 colors at 270°: #323c2d, #606c40, #9f9c59, #746e3d, #393d2a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#323c2d
#35402f
#394531
#3e4a33
#445136
#4b5838
#525f3b
#59653e
#606c40
#697344
#727c48
#7d844c
#878c51
#919454
#989957
#9e9c59
#9f9c59
#9e9956
#9a9453
#948d4e
#8d854a
#847d45
#7c7540
#746e3d
#6d683a
#646137
#5b5a35
#525332
#4a4c30
#43462e
#3d412c
#393d2a

CSS

background: conic-gradient(from 270deg in oklch, oklch(34.25% 0.0289 134.30) 0.0%, oklch(35.53% 0.0319 133.30) 3.2%, oklch(37.23% 0.0359 131.98) 6.5%, oklch(39.25% 0.0407 130.41) 9.7%, oklch(41.51% 0.0460 128.65) 12.9%, oklch(43.89% 0.0514 126.79) 16.1%, oklch(46.32% 0.0567 124.87) 19.4%, oklch(48.70% 0.0616 122.98) 22.6%, oklch(50.96% 0.0658 121.17) 25.8%, oklch(53.52% 0.0699 119.23) 29.0%, oklch(56.41% 0.0741 117.16) 32.3%, oklch(59.40% 0.0783 115.02) 35.5%, oklch(62.27% 0.0821 112.90) 38.7%, oklch(64.79% 0.0853 110.89) 41.9%, oklch(66.74% 0.0878 109.05) 45.2%, oklch(67.90% 0.0893 107.48) 48.4%, oklch(68.06% 0.0895 106.21) 51.6%, oklch(67.26% 0.0887 105.03) 54.8%, oklch(65.69% 0.0868 103.97) 58.1%, oklch(63.55% 0.0842 103.07) 61.3%, oklch(61.05% 0.0811 102.41) 64.5%, oklch(58.38% 0.0775 102.04) 67.7%, oklch(55.73% 0.0737 102.02) 71.0%, oklch(53.30% 0.0698 102.42) 74.2%, oklch(51.06% 0.0658 103.40) 77.4%, oklch(48.57% 0.0609 105.13) 80.6%, oklch(45.92% 0.0554 107.38) 83.9%, oklch(43.27% 0.0497 109.93) 87.1%, oklch(40.72% 0.0441 112.54) 90.3%, oklch(38.41% 0.0391 114.98) 93.5%, oklch(36.48% 0.0348 117.03) 96.8%, oklch(35.04% 0.0317 118.45) 100.0%);

In these collections

Olive color palette