Beige

Understated and universal — beige is the quiet backbone of interiors, fashion, and timeless design.

Shades 11

Base #f5f0dc

RGB 245, 240, 220

100

200

300

400

500

600

700

800

All Beige Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --beige-50: #fefefb;
  --beige-100: #fdfaf3;
  --beige-200: #faf5e6;
  --beige-300: #f5f0dc;
  --beige-400: #e8e0c0;
  --beige-500: #d4c898;
  --beige-600: #b0a066;
  --beige-700: #857842;
  --beige-800: #5c5228;
  --beige-900: #383118;
  --beige-950: #1c180b;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        beige: {
          50: '#fefefb',
          100: '#fdfaf3',
          200: '#faf5e6',
          300: '#f5f0dc',
          400: '#e8e0c0',
          500: '#d4c898',
          600: '#b0a066',
          700: '#857842',
          800: '#5c5228',
          900: '#383118',
          950: '#1c180b',
        },
      },
    },
  },
};

SCSS Map

$beige-palette: (
  50: #fefefb,
  100: #fdfaf3,
  200: #faf5e6,
  300: #f5f0dc,
  400: #e8e0c0,
  500: #d4c898,
  600: #b0a066,
  700: #857842,
  800: #5c5228,
  900: #383118,
  950: #1c180b,
);