Midnight

Absolute and enveloping — midnight blue captures the deep stillness of a clear, starless sky.

Shades 11

Base #191970

RGB 25, 25, 112

100

200

300

400

500

600

700

800

All Midnight Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --midnight-50: #f0f0fb;
  --midnight-100: #ddddf5;
  --midnight-200: #bcbcec;
  --midnight-300: #9090dd;
  --midnight-400: #5555b8;
  --midnight-500: #191970;
  --midnight-600: #14145c;
  --midnight-700: #0f0f46;
  --midnight-800: #0a0a30;
  --midnight-900: #05051c;
  --midnight-950: #02020e;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        midnight: {
          50: '#f0f0fb',
          100: '#ddddf5',
          200: '#bcbcec',
          300: '#9090dd',
          400: '#5555b8',
          500: '#191970',
          600: '#14145c',
          700: '#0f0f46',
          800: '#0a0a30',
          900: '#05051c',
          950: '#02020e',
        },
      },
    },
  },
};

SCSS Map

$midnight-palette: (
  50: #f0f0fb,
  100: #ddddf5,
  200: #bcbcec,
  300: #9090dd,
  400: #5555b8,
  500: #191970,
  600: #14145c,
  700: #0f0f46,
  800: #0a0a30,
  900: #05051c,
  950: #02020e,
);