Silver

Technology and refinement — silver blends sophistication with innovation.

Shades 11

Base #c0c0c0

RGB 192, 192, 192

100

200

300

400

500

600

700

800

All Silver Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --silver-50: #fcfcfc;
  --silver-100: #f5f5f5;
  --silver-200: #ebebeb;
  --silver-300: #dddddd;
  --silver-400: #d0d0d0;
  --silver-500: #c0c0c0;
  --silver-600: #a8a8a8;
  --silver-700: #888888;
  --silver-800: #666666;
  --silver-900: #444444;
  --silver-950: #222222;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        silver: {
          50: '#fcfcfc',
          100: '#f5f5f5',
          200: '#ebebeb',
          300: '#dddddd',
          400: '#d0d0d0',
          500: '#c0c0c0',
          600: '#a8a8a8',
          700: '#888888',
          800: '#666666',
          900: '#444444',
          950: '#222222',
        },
      },
    },
  },
};

SCSS Map

$silver-palette: (
  50: #fcfcfc,
  100: #f5f5f5,
  200: #ebebeb,
  300: #dddddd,
  400: #d0d0d0,
  500: #c0c0c0,
  600: #a8a8a8,
  700: #888888,
  800: #666666,
  900: #444444,
  950: #222222,
);