Midnight Sky Color Palette

A deep midnight palette with dark blues and indigo tones. Ideal for tech, gaming, and luxury dark-mode designs.

Night Sky

HEX: #0d0f2b

RGB: rgb(13, 15, 43)

HSL: hsl(236, 54%, 11%)

Midnight

HEX: #1a237e

RGB: rgb(26, 35, 126)

HSL: hsl(235, 66%, 30%)

Deep Indigo

HEX: #283593

RGB: rgb(40, 53, 147)

HSL: hsl(233, 57%, 37%)

Twilight

HEX: #5c6bc0

RGB: rgb(92, 107, 192)

HSL: hsl(231, 44%, 56%)

Starlight

HEX: #9fa8da

RGB: rgb(159, 168, 218)

HSL: hsl(231, 44%, 74%)

CSS Variables

:root {
  --midnight-sky-1: #0d0f2b;
  --midnight-sky-2: #1a237e;
  --midnight-sky-3: #283593;
  --midnight-sky-4: #5c6bc0;
  --midnight-sky-5: #9fa8da;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'midnight-sky': {
          '100': '#0d0f2b',
          '200': '#1a237e',
          '300': '#283593',
          '400': '#5c6bc0',
          '500': '#9fa8da',
        },
      },
    },
  },
}