Slate Office Light

The Stone, mauve and charcoal analog office nostalgia brings together light teal, blue, and gray. Radial gradient, 32 colors: #9db9bf, #7299ac, #49667a, #3c4654, #4c454d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#9db9bf
#9ab7bd
#95b4bc
#8fb1ba
#89adb8
#83a8b6
#7da3b3
#789eb0
#7299ac
#6d93a7
#678ca1
#61869b
#5b7f94
#55788d
#507186
#4c6b80
#49667a
#466074
#435b6e
#415667
#3f5162
#3d4d5c
#3d4958
#3c4654
#3d4451
#3f4350
#41434f
#44434e
#47434e
#49444e
#4b454d
#4c454d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(76.77% 0.0317 209.53) 0.0%, oklch(75.99% 0.0334 211.22) 3.2%, oklch(75.00% 0.0358 213.55) 6.5%, oklch(73.82% 0.0388 216.33) 9.7%, oklch(72.49% 0.0419 219.36) 12.9%, oklch(71.02% 0.0450 222.45) 16.1%, oklch(69.45% 0.0477 225.39) 19.4%, oklch(67.80% 0.0499 228.00) 22.6%, oklch(66.10% 0.0512 230.07) 25.8%, oklch(64.22% 0.0520 231.64) 29.0%, oklch(62.14% 0.0524 232.86) 32.3%, oklch(59.94% 0.0524 233.86) 35.5%, oklch(57.69% 0.0520 234.77) 38.7%, oklch(55.46% 0.0513 235.72) 41.9%, oklch(53.31% 0.0503 236.84) 45.2%, oklch(51.31% 0.0490 238.26) 48.4%, oklch(49.50% 0.0473 239.99) 51.6%, oklch(47.70% 0.0450 241.50) 54.8%, oklch(45.92% 0.0422 242.91) 58.1%, oklch(44.21% 0.0390 244.46) 61.3%, oklch(42.63% 0.0356 246.39) 64.5%, oklch(41.23% 0.0324 248.94) 67.7%, oklch(40.05% 0.0293 252.33) 71.0%, oklch(39.15% 0.0267 256.82) 74.2%, oklch(38.60% 0.0246 262.92) 77.4%, oklch(38.41% 0.0227 271.08) 80.6%, oklch(38.51% 0.0210 280.62) 83.9%, oklch(38.81% 0.0195 290.81) 87.1%, oklch(39.21% 0.0181 300.93) 90.3%, oklch(39.63% 0.0169 310.26) 93.5%, oklch(39.97% 0.0160 318.08) 96.8%, oklch(40.16% 0.0152 323.66) 100.0%);

In these collections

Analog office nostalgia