Tan

Understated warmth and quiet confidence — tan blends naturally into any setting.

Shades 11

Base #d2b48c

RGB 210, 180, 140

100

200

300

400

500

600

700

800

All Tan Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --tan-50: #fdf9f5;
  --tan-100: #f8eedf;
  --tan-200: #f0dcbf;
  --tan-300: #e5c89a;
  --tan-400: #ddb877;
  --tan-500: #d2b48c;
  --tan-600: #b0916a;
  --tan-700: #876d4e;
  --tan-800: #5f4c35;
  --tan-900: #3a2e20;
  --tan-950: #1d1710;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        tan: {
          50: '#fdf9f5',
          100: '#f8eedf',
          200: '#f0dcbf',
          300: '#e5c89a',
          400: '#ddb877',
          500: '#d2b48c',
          600: '#b0916a',
          700: '#876d4e',
          800: '#5f4c35',
          900: '#3a2e20',
          950: '#1d1710',
        },
      },
    },
  },
};

SCSS Map

$tan-palette: (
  50: #fdf9f5,
  100: #f8eedf,
  200: #f0dcbf,
  300: #e5c89a,
  400: #ddb877,
  500: #d2b48c,
  600: #b0916a,
  700: #876d4e,
  800: #5f4c35,
  900: #3a2e20,
  950: #1d1710,
);