Onyx

Polished and absolute — onyx is pure glossy darkness, the gemstone of sophistication and finality.

Shades 11

Base #0f0f0f

RGB 15, 15, 15

100

200

300

400

500

600

700

800

All Onyx Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --onyx-50: #f0f0f0;
  --onyx-100: #e0e0e0;
  --onyx-200: #c0c0c0;
  --onyx-300: #909090;
  --onyx-400: #505050;
  --onyx-500: #0f0f0f;
  --onyx-600: #0c0c0c;
  --onyx-700: #090909;
  --onyx-800: #060606;
  --onyx-900: #030303;
  --onyx-950: #010101;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        onyx: {
          50: '#f0f0f0',
          100: '#e0e0e0',
          200: '#c0c0c0',
          300: '#909090',
          400: '#505050',
          500: '#0f0f0f',
          600: '#0c0c0c',
          700: '#090909',
          800: '#060606',
          900: '#030303',
          950: '#010101',
        },
      },
    },
  },
};

SCSS Map

$onyx-palette: (
  50: #f0f0f0,
  100: #e0e0e0,
  200: #c0c0c0,
  300: #909090,
  400: #505050,
  500: #0f0f0f,
  600: #0c0c0c,
  700: #090909,
  800: #060606,
  900: #030303,
  950: #010101,
);