Analogous black, brown and orange angular swatches

Analogous black, brown and orange color palette

Angular swatches, 28 colors at 90°: #000000, #17190f, #7b552e, #c9863d, #f79d44. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#000000
#000000
#000000
#010101
#020404
#050a07
#0c110b
#17190f
#232113
#2f2817
#3d2f1c
#4b3821
#5b4126
#6b4b2a
#7b552e
#8a6031
#996933
#a77235
#b37a38
#bf803b
#c9863d
#d38a3f
#db8f40
#e29241
#e89642
#ee9843
#f39b43
#f79d44

CSS

background: conic-gradient(from 90deg, oklch(0.00% 0.0000 0.00) 0.000% 3.571%, oklch(1.84% 0.0018 248.91) 3.571% 7.143%, oklch(4.20% 0.0038 231.37) 7.143% 10.714%, oklch(7.00% 0.0061 210.29) 10.714% 14.286%, oklch(10.14% 0.0087 187.05) 14.286% 17.857%, oklch(13.54% 0.0119 163.00) 17.857% 21.429%, oklch(17.10% 0.0155 139.53) 21.429% 25.000%, oklch(20.75% 0.0198 117.98) 25.000% 28.571%, oklch(24.40% 0.0247 99.73) 28.571% 32.143%, oklch(27.95% 0.0303 86.14) 32.143% 35.714%, oklch(31.62% 0.0371 77.09) 35.714% 39.286%, oklch(35.59% 0.0453 71.14) 39.286% 42.857%, oklch(39.75% 0.0544 67.71) 42.857% 46.429%, oklch(43.99% 0.0641 66.21) 46.429% 50.000%, oklch(48.21% 0.0740 66.05) 50.000% 53.571%, oklch(52.29% 0.0839 66.65) 53.571% 57.143%, oklch(56.12% 0.0932 67.42) 57.143% 60.714%, oklch(59.59% 0.1016 67.77) 60.714% 64.286%, oklch(62.60% 0.1089 67.12) 64.286% 67.857%, oklch(65.18% 0.1151 65.90) 67.857% 71.429%, oklch(67.46% 0.1209 64.92) 71.429% 75.000%, oklch(69.48% 0.1261 64.15) 75.000% 78.571%, oklch(71.25% 0.1309 63.54) 78.571% 82.143%, oklch(72.79% 0.1351 63.07) 82.143% 85.714%, oklch(74.13% 0.1389 62.70) 85.714% 89.286%, oklch(75.29% 0.1422 62.39) 89.286% 92.857%, oklch(76.30% 0.1451 62.12) 92.857% 96.429%, oklch(77.17% 0.1474 61.84) 96.429% 100.000%);

In these collections

Vintage gradients Harvest gradients Moody gradients