Obsidian

Volcanic and absolute — obsidian is the darkest depth, sharp-edged and mysterious.

Shades 11

Base #1b1b2f

RGB 27, 27, 47

100

200

300

400

500

600

700

800

All Obsidian Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --obsidian-50: #f2f2f8;
  --obsidian-100: #e0e0f0;
  --obsidian-200: #c0c0e1;
  --obsidian-300: #9494cb;
  --obsidian-400: #5d5daa;
  --obsidian-500: #1b1b2f;
  --obsidian-600: #151526;
  --obsidian-700: #10101c;
  --obsidian-800: #0b0b13;
  --obsidian-900: #06060b;
  --obsidian-950: #030305;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        obsidian: {
          50: '#f2f2f8',
          100: '#e0e0f0',
          200: '#c0c0e1',
          300: '#9494cb',
          400: '#5d5daa',
          500: '#1b1b2f',
          600: '#151526',
          700: '#10101c',
          800: '#0b0b13',
          900: '#06060b',
          950: '#030305',
        },
      },
    },
  },
};

SCSS Map

$obsidian-palette: (
  50: #f2f2f8,
  100: #e0e0f0,
  200: #c0c0e1,
  300: #9494cb,
  400: #5d5daa,
  500: #1b1b2f,
  600: #151526,
  700: #10101c,
  800: #0b0b13,
  900: #06060b,
  950: #030305,
);