Moss

Ancient and quietly alive — moss speaks of shaded forests and the slow beauty of nature.

Shades 11

Base #8a9a5b

RGB 138, 154, 91

100

200

300

400

500

600

700

800

All Moss Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --moss-50: #f6f8f0;
  --moss-100: #e8edda;
  --moss-200: #d2dbb5;
  --moss-300: #b6c488;
  --moss-400: #9aad6a;
  --moss-500: #8a9a5b;
  --moss-600: #6c7a43;
  --moss-700: #515c31;
  --moss-800: #383f22;
  --moss-900: #212613;
  --moss-950: #101309;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        moss: {
          50: '#f6f8f0',
          100: '#e8edda',
          200: '#d2dbb5',
          300: '#b6c488',
          400: '#9aad6a',
          500: '#8a9a5b',
          600: '#6c7a43',
          700: '#515c31',
          800: '#383f22',
          900: '#212613',
          950: '#101309',
        },
      },
    },
  },
};

SCSS Map

$moss-palette: (
  50: #f6f8f0,
  100: #e8edda,
  200: #d2dbb5,
  300: #b6c488,
  400: #9aad6a,
  500: #8a9a5b,
  600: #6c7a43,
  700: #515c31,
  800: #383f22,
  900: #212613,
  950: #101309,
);