Skip to content

Grabient palettes

Bronze, ochre and forest green color palette

Analogous brown, olive and dark green color palette

The Bronze, ochre and forest green color palette brings together dark orange, gold, and green. Linear gradient, 32 colors at 45°: #2b2416, #e4ca6d, #b39a43, #789641, #315f32. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #2b2416
  • #39301d
  • #4f4327
  • #6a5b34
  • #887543
  • #a79151
  • #c2aa5e
  • #d7be68
  • #e4ca6d
  • #e8cd6d
  • #e7ca6a
  • #e1c364
  • #d8b95d
  • #ceae55
  • #c3a44d
  • #ba9d47
  • #b39a43
  • #ac983f
  • #a5983c
  • #9e983b
  • #95993c
  • #8c993d
  • #82983f
  • #789641
  • #6e9141
  • #638b40
  • #58833f
  • #4e7a3c
  • #447239
  • #3c6a37
  • #366434
  • #315f32

CSS

background: linear-gradient(45deg in oklch, oklch(26.38% 0.0262 84.38) 0.0%, oklch(31.46% 0.0340 85.22) 3.2%, oklch(38.81% 0.0453 86.44) 6.5%, oklch(47.58% 0.0587 87.90) 9.7%, oklch(56.96% 0.0731 89.46) 12.9%, oklch(66.12% 0.0873 90.98) 16.1%, oklch(74.24% 0.1002 92.34) 19.4%, oklch(80.50% 0.1105 93.38) 22.6%, oklch(84.09% 0.1170 93.97) 25.8%, oklch(85.19% 0.1201 93.80) 29.0%, oklch(84.44% 0.1207 93.02) 32.3%, oklch(82.35% 0.1195 91.93) 35.5%, oklch(79.42% 0.1172 90.87) 38.7%, oklch(76.13% 0.1144 90.13) 41.9%, oklch(73.00% 0.1120 90.03) 45.2%, oklch(70.52% 0.1104 90.89) 48.4%, oklch(69.06% 0.1104 93.01) 51.6%, oklch(68.06% 0.1113 96.45) 54.8%, oklch(67.31% 0.1128 100.88) 58.1%, oklch(66.67% 0.1145 105.96) 61.3%, oklch(66.04% 0.1161 111.33) 64.5%, oklch(65.29% 0.1174 116.65) 67.7%, oklch(64.32% 0.1179 121.58) 71.0%, oklch(63.00% 0.1174 125.76) 74.2%, oklch(61.18% 0.1156 129.13) 77.4%, oklch(58.83% 0.1124 132.20) 80.6%, oklch(56.12% 0.1083 135.00) 83.9%, oklch(53.26% 0.1037 137.51) 87.1%, oklch(50.44% 0.0989 139.74) 90.3%, oklch(47.84% 0.0945 141.67) 93.5%, oklch(45.66% 0.0908 143.29) 96.8%, oklch(44.09% 0.0882 144.61) 100.0%);

In these collections

Green multicolor gradientsKerala riverboat regattaAlpine harvest embroidery

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works