Burgundy

Rich and luxurious — burgundy conveys sophistication and depth.

Shades 11

Base #800020

RGB 128, 0, 32

100

200

300

400

500

600

700

800

All Burgundy Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --burgundy-50: #fff5f7;
  --burgundy-100: #ffe5eb;
  --burgundy-200: #ffc5d1;
  --burgundy-300: #ff94aa;
  --burgundy-400: #d94f73;
  --burgundy-500: #800020;
  --burgundy-600: #66001a;
  --burgundy-700: #4d0013;
  --burgundy-800: #33000d;
  --burgundy-900: #1a0006;
  --burgundy-950: #0d0003;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        burgundy: {
          50: '#fff5f7',
          100: '#ffe5eb',
          200: '#ffc5d1',
          300: '#ff94aa',
          400: '#d94f73',
          500: '#800020',
          600: '#66001a',
          700: '#4d0013',
          800: '#33000d',
          900: '#1a0006',
          950: '#0d0003',
        },
      },
    },
  },
};

SCSS Map

$burgundy-palette: (
  50: #fff5f7,
  100: #ffe5eb,
  200: #ffc5d1,
  300: #ff94aa,
  400: #d94f73,
  500: #800020,
  600: #66001a,
  700: #4d0013,
  800: #33000d,
  900: #1a0006,
  950: #0d0003,
);