Sage and gold olive palette

Analogous olive, tan, beige and gray color palette

The Sage and gold olive palette brings together green, gold, and pale yellow. Radial gradient, 32 colors: #687044, #bea645, #f9e3aa, #d0ccb7, #3c422a. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#687044
#6d7545
#757a45
#7e8145
#898844
#969043
#a39743
#b19f43
#bea645
#caad49
#d3b34f
#dbb958
#e2c166
#e9ca76
#f0d388
#f5db99
#f9e3aa
#fbe9b9
#fbedc5
#f9efcd
#f5ecd1
#ede7ce
#e1dbc5
#d0ccb7
#bcb9a4
#a6a58f
#90907a
#7a7c65
#666951
#545840
#464b33
#3c422a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(52.76% 0.0648 117.42) 0.0%, oklch(54.27% 0.0688 115.78) 3.2%, oklch(56.26% 0.0748 113.52) 6.5%, oklch(58.63% 0.0821 110.80) 9.7%, oklch(61.29% 0.0902 107.76) 12.9%, oklch(64.13% 0.0986 104.55) 16.1%, oklch(67.06% 0.1067 101.34) 19.4%, oklch(69.98% 0.1138 98.27) 22.6%, oklch(72.78% 0.1195 95.49) 25.8%, oklch(75.38% 0.1232 93.16) 29.0%, oklch(77.67% 0.1243 91.42) 32.3%, oklch(79.75% 0.1223 90.33) 35.5%, oklch(82.14% 0.1170 89.59) 38.7%, oklch(84.73% 0.1091 89.17) 41.9%, oklch(87.35% 0.0994 89.04) 45.2%, oklch(89.83% 0.0884 89.18) 48.4%, oklch(92.01% 0.0768 89.58) 51.6%, oklch(93.72% 0.0653 90.21) 54.8%, oklch(94.80% 0.0545 91.05) 58.1%, oklch(95.07% 0.0451 92.08) 61.3%, oklch(94.39% 0.0378 93.28) 64.5%, oklch(92.53% 0.0332 94.67) 67.7%, oklch(89.09% 0.0305 96.54) 71.0%, oklch(84.24% 0.0294 98.90) 74.2%, oklch(78.32% 0.0294 101.61) 77.4%, oklch(71.70% 0.0303 104.54) 80.6%, oklch(64.72% 0.0319 107.56) 83.9%, oklch(57.73% 0.0339 110.54) 87.1%, oklch(51.07% 0.0359 113.36) 90.3%, oklch(45.10% 0.0378 115.89) 93.5%, oklch(40.17% 0.0392 117.99) 96.8%, oklch(36.61% 0.0400 119.54) 100.0%);

In these collections

Olive color palette