Umber

Deep pigment from the earth — umber is the colour of old masters, rich soils, and aged wood.

Shades 11

Base #635147

RGB 99, 81, 71

100

200

300

400

500

600

700

800

All Umber Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --umber-50: #f8f5f3;
  --umber-100: #ede6e2;
  --umber-200: #d8cbc4;
  --umber-300: #bea99f;
  --umber-400: #9e7f72;
  --umber-500: #635147;
  --umber-600: #4f4038;
  --umber-700: #3c302a;
  --umber-800: #2a211d;
  --umber-900: #191310;
  --umber-950: #0c0908;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        umber: {
          50: '#f8f5f3',
          100: '#ede6e2',
          200: '#d8cbc4',
          300: '#bea99f',
          400: '#9e7f72',
          500: '#635147',
          600: '#4f4038',
          700: '#3c302a',
          800: '#2a211d',
          900: '#191310',
          950: '#0c0908',
        },
      },
    },
  },
};

SCSS Map

$umber-palette: (
  50: #f8f5f3,
  100: #ede6e2,
  200: #d8cbc4,
  300: #bea99f,
  400: #9e7f72,
  500: #635147,
  600: #4f4038,
  700: #3c302a,
  800: #2a211d,
  900: #191310,
  950: #0c0908,
);