Platinum

Rare and rarefied — platinum sits above gold in luxury, cool and impossibly refined.

Shades 11

Base #e5e4e2

RGB 229, 228, 226

100

200

300

400

500

600

700

800

All Platinum Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --platinum-50: #fefefe;
  --platinum-100: #f9f9f8;
  --platinum-200: #f2f2f0;
  --platinum-300: #eaeae8;
  --platinum-400: #e5e4e2;
  --platinum-500: #c8c7c4;
  --platinum-600: #a0a09d;
  --platinum-700: #787875;
  --platinum-800: #525250;
  --platinum-900: #303030;
  --platinum-950: #181818;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        platinum: {
          50: '#fefefe',
          100: '#f9f9f8',
          200: '#f2f2f0',
          300: '#eaeae8',
          400: '#e5e4e2',
          500: '#c8c7c4',
          600: '#a0a09d',
          700: '#787875',
          800: '#525250',
          900: '#303030',
          950: '#181818',
        },
      },
    },
  },
};

SCSS Map

$platinum-palette: (
  50: #fefefe,
  100: #f9f9f8,
  200: #f2f2f0,
  300: #eaeae8,
  400: #e5e4e2,
  500: #c8c7c4,
  600: #a0a09d,
  700: #787875,
  800: #525250,
  900: #303030,
  950: #181818,
);