Champagne

Celebratory effervescence and refined luxury — champagne sparkles with understated glamour.

Shades 11

Base #f7e7ce

RGB 247, 231, 206

100

200

300

400

500

600

700

800

All Champagne Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --champagne-50: #fffdf9;
  --champagne-100: #fef8ef;
  --champagne-200: #fdf0db;
  --champagne-300: #fae5c3;
  --champagne-400: #f7e7ce;
  --champagne-500: #e8c98a;
  --champagne-600: #c9a05a;
  --champagne-700: #9e7838;
  --champagne-800: #705424;
  --champagne-900: #433215;
  --champagne-950: #21190a;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        champagne: {
          50: '#fffdf9',
          100: '#fef8ef',
          200: '#fdf0db',
          300: '#fae5c3',
          400: '#f7e7ce',
          500: '#e8c98a',
          600: '#c9a05a',
          700: '#9e7838',
          800: '#705424',
          900: '#433215',
          950: '#21190a',
        },
      },
    },
  },
};

SCSS Map

$champagne-palette: (
  50: #fffdf9,
  100: #fef8ef,
  200: #fdf0db,
  300: #fae5c3,
  400: #f7e7ce,
  500: #e8c98a,
  600: #c9a05a,
  700: #9e7838,
  800: #705424,
  900: #433215,
  950: #21190a,
);