Amber Monitor palette

The Amber Monitor palette brings together pale orange, orange, and gray. #f0e3cc, #d1b281, #9e8457, #6a6446, #3b4438. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#f0e3cc
#eee0c6
#ebdbbf
#e7d5b6
#e4cfac
#dfc8a1
#dbc096
#d6b98b
#d1b281
#ccab78
#c6a470
#c19f6a
#ba9965
#b49461
#ad8e5d
#a5895a
#9e8457
#977f55
#8f7b53
#887650
#81714e
#796d4b
#726948
#6a6446
#625f44
#5a5b41
#535640
#4c523e
#464e3c
#414a3b
#3e4739
#3b4438

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0344 82.97) 0.0%, oklch(91.04% 0.0374 82.59) 3.2%, oklch(89.66% 0.0415 82.02) 6.5%, oklch(88.02% 0.0465 81.32) 9.7%, oklch(86.18% 0.0521 80.53) 12.9%, oklch(84.20% 0.0579 79.73) 16.1%, oklch(82.12% 0.0637 78.98) 19.4%, oklch(79.99% 0.0691 78.32) 22.6%, oklch(77.87% 0.0737 77.84) 25.8%, oklch(75.80% 0.0773 77.58) 29.0%, oklch(73.85% 0.0795 77.60) 32.3%, oklch(72.01% 0.0802 77.89) 35.5%, oklch(70.16% 0.0796 78.20) 38.7%, oklch(68.30% 0.0780 78.57) 41.9%, oklch(66.44% 0.0756 79.06) 45.2%, oklch(64.58% 0.0725 79.72) 48.4%, oklch(62.73% 0.0690 80.60) 51.6%, oklch(60.89% 0.0652 81.77) 54.8%, oklch(59.07% 0.0614 83.26) 58.1%, oklch(57.27% 0.0577 85.15) 61.3%, oklch(55.49% 0.0543 87.48) 64.5%, oklch(53.75% 0.0514 90.34) 67.7%, oklch(51.93% 0.0485 94.12) 71.0%, oklch(50.04% 0.0454 98.74) 74.2%, oklch(48.13% 0.0421 103.97) 77.4%, oklch(46.23% 0.0388 109.56) 80.6%, oklch(44.38% 0.0356 115.30) 83.9%, oklch(42.63% 0.0326 120.94) 87.1%, oklch(41.02% 0.0298 126.25) 90.3%, oklch(39.58% 0.0272 131.01) 93.5%, oklch(38.36% 0.0251 134.98) 96.8%, oklch(37.40% 0.0234 137.92) 100.0%);

In these collections

Lo-fi