Rose Gold

Modern luxury with a romantic edge — rose gold blends warmth, femininity, and precious metal prestige.

Shades 11

Base #b76e79

RGB 183, 110, 121

100

200

300

400

500

600

700

800

All Rose Gold Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --rose-gold-50: #fdf4f5;
  --rose-gold-100: #f9e3e5;
  --rose-gold-200: #f3c8cc;
  --rose-gold-300: #e9a2a9;
  --rose-gold-400: #d6838c;
  --rose-gold-500: #b76e79;
  --rose-gold-600: #955864;
  --rose-gold-700: #72424c;
  --rose-gold-800: #502d35;
  --rose-gold-900: #311b20;
  --rose-gold-950: #180d10;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        rose-gold: {
          50: '#fdf4f5',
          100: '#f9e3e5',
          200: '#f3c8cc',
          300: '#e9a2a9',
          400: '#d6838c',
          500: '#b76e79',
          600: '#955864',
          700: '#72424c',
          800: '#502d35',
          900: '#311b20',
          950: '#180d10',
        },
      },
    },
  },
};

SCSS Map

$rose-gold-palette: (
  50: #fdf4f5,
  100: #f9e3e5,
  200: #f3c8cc,
  300: #e9a2a9,
  400: #d6838c,
  500: #b76e79,
  600: #955864,
  700: #72424c,
  800: #502d35,
  900: #311b20,
  950: #180d10,
);