Grayscale color palette

Grayscale is a 5-colour monochrome, gray palette combining Off White, Light Gray, Mushroom, Umber and Onyx. It works especially well for UI design systems, where light shades become backgrounds and dark shades become text, and for minimalist websites, portfolios and Scandinavian interiors. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.

:root {
  --off-white: #f4f4f3;
  --light-gray: #d8d8d8;
  --mushroom: #a1a19c;
  --umber: #545450;
  --onyx: #1a1a19;
}