Mahogany

Warm reddish-brown with old-world gravitas — mahogany evokes polished wood, heritage, and quiet luxury.

Shades 11

Base #c04000

RGB 192, 64, 0

100

200

300

400

500

600

700

800

All Mahogany Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --mahogany-50: #fff5f0;
  --mahogany-100: #ffe3d5;
  --mahogany-200: #ffc4a8;
  --mahogany-300: #ff9a72;
  --mahogany-400: #e86a3e;
  --mahogany-500: #c04000;
  --mahogany-600: #9e3300;
  --mahogany-700: #782600;
  --mahogany-800: #541b00;
  --mahogany-900: #331000;
  --mahogany-950: #190800;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        mahogany: {
          50: '#fff5f0',
          100: '#ffe3d5',
          200: '#ffc4a8',
          300: '#ff9a72',
          400: '#e86a3e',
          500: '#c04000',
          600: '#9e3300',
          700: '#782600',
          800: '#541b00',
          900: '#331000',
          950: '#190800',
        },
      },
    },
  },
};

SCSS Map

$mahogany-palette: (
  50: #fff5f0,
  100: #ffe3d5,
  200: #ffc4a8,
  300: #ff9a72,
  400: #e86a3e,
  500: #c04000,
  600: #9e3300,
  700: #782600,
  800: #541b00,
  900: #331000,
  950: #190800,
);