Smoky Blue Sage Gold

This angular gradient begins in dark blue teal, opens through smoky blue and muted teal, then moves through pale sage and yellow green before closing in warm… Angular gradient, 32 colors at 123°: #14262a, #325e6d, #789d95, #adbb98, #d9a84e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#14262a
#162a2f
#192f35
#1c363d
#1f3d45
#23454f
#284d59
#2d5563
#325e6d
#376776
#3c6f7e
#427683
#4a7e88
#54878c
#5f8f8f
#6b9692
#789d95
#84a498
#8eaa9b
#98af9e
#9fb4a0
#a5b7a0
#a9ba9d
#adbb98
#b2bb91
#b7ba87
#bcb87c
#c3b571
#c9b266
#cfae5c
#d5aa54
#d9a84e

CSS

background: conic-gradient(from 123deg in oklch, oklch(25.59% 0.0248 213.05) 0.0%, oklch(27.11% 0.0270 213.70) 3.2%, oklch(29.08% 0.0302 214.98) 6.5%, oklch(31.40% 0.0340 216.66) 9.7%, oklch(34.01% 0.0382 218.49) 12.9%, oklch(36.82% 0.0427 220.24) 16.1%, oklch(39.75% 0.0470 221.67) 19.4%, oklch(42.73% 0.0511 222.54) 22.6%, oklch(45.68% 0.0546 222.61) 25.8%, oklch(48.51% 0.0573 221.64) 29.0%, oklch(51.15% 0.0590 219.40) 32.3%, oklch(53.62% 0.0592 215.65) 35.5%, oklch(56.19% 0.0577 210.39) 38.7%, oklch(58.83% 0.0550 203.89) 41.9%, oklch(61.50% 0.0513 196.40) 45.2%, oklch(64.12% 0.0472 188.20) 48.4%, oklch(66.65% 0.0431 179.56) 51.6%, oklch(69.04% 0.0395 170.74) 54.8%, oklch(71.21% 0.0368 162.01) 58.1%, oklch(73.13% 0.0354 153.63) 61.3%, oklch(74.73% 0.0357 145.88) 64.5%, oklch(75.95% 0.0384 138.94) 67.7%, oklch(76.78% 0.0435 132.06) 71.0%, oklch(77.26% 0.0507 125.07) 74.2%, oklch(77.45% 0.0594 118.08) 77.4%, oklch(77.42% 0.0692 111.23) 80.6%, oklch(77.22% 0.0796 104.65) 83.9%, oklch(76.93% 0.0900 98.44) 87.1%, oklch(76.59% 0.0998 92.74) 90.3%, oklch(76.28% 0.1087 87.66) 93.5%, oklch(76.06% 0.1160 83.34) 96.8%, oklch(75.98% 0.1213 79.90) 100.0%);

In these collections

Scent stacking palettes