Wine

Deep and intoxicating — wine evokes candlelit evenings, aged barrels, and refined taste.

Shades 11

Base #722f37

RGB 114, 47, 55

100

200

300

400

500

600

700

800

All Wine Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --wine-50: #fdf3f4;
  --wine-100: #f9e0e2;
  --wine-200: #f2bfc3;
  --wine-300: #e8929a;
  --wine-400: #d35e6b;
  --wine-500: #722f37;
  --wine-600: #5c242b;
  --wine-700: #451b20;
  --wine-800: #2f1215;
  --wine-900: #1c0a0d;
  --wine-950: #0e0506;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        wine: {
          50: '#fdf3f4',
          100: '#f9e0e2',
          200: '#f2bfc3',
          300: '#e8929a',
          400: '#d35e6b',
          500: '#722f37',
          600: '#5c242b',
          700: '#451b20',
          800: '#2f1215',
          900: '#1c0a0d',
          950: '#0e0506',
        },
      },
    },
  },
};

SCSS Map

$wine-palette: (
  50: #fdf3f4,
  100: #f9e0e2,
  200: #f2bfc3,
  300: #e8929a,
  400: #d35e6b,
  500: #722f37,
  600: #5c242b,
  700: #451b20,
  800: #2f1215,
  900: #1c0a0d,
  950: #0e0506,
);