Chestnut

Warm reddish-brown with autumnal richness — chestnut feels grounded, classic, and inviting.

Shades 11

Base #954535

RGB 149, 69, 53

100

200

300

400

500

600

700

800

All Chestnut Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --chestnut-50: #fbf4f1;
  --chestnut-100: #f4e0d9;
  --chestnut-200: #e8c2b3;
  --chestnut-300: #d89a81;
  --chestnut-400: #c06f54;
  --chestnut-500: #954535;
  --chestnut-600: #79372a;
  --chestnut-700: #5c2a20;
  --chestnut-800: #401d16;
  --chestnut-900: #26110d;
  --chestnut-950: #130806;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        chestnut: {
          50: '#fbf4f1',
          100: '#f4e0d9',
          200: '#e8c2b3',
          300: '#d89a81',
          400: '#c06f54',
          500: '#954535',
          600: '#79372a',
          700: '#5c2a20',
          800: '#401d16',
          900: '#26110d',
          950: '#130806',
        },
      },
    },
  },
};

SCSS Map

$chestnut-palette: (
  50: #fbf4f1,
  100: #f4e0d9,
  200: #e8c2b3,
  300: #d89a81,
  400: #c06f54,
  500: #954535,
  600: #79372a,
  700: #5c2a20,
  800: #401d16,
  900: #26110d,
  950: #130806,
);