Midnight Blue Color Palette

Ultra-deep midnight blue paired with starlight silver and soft indigo creates a dramatic nocturnal palette. Perfect for astronomy apps, nightlife brands, and premium dark-mode interfaces.

#0D1B2A

Dark Blue

RGB(13, 27, 42)

HSL(211, 53%, 11%)

#1B2838

Dark Blue

RGB(27, 40, 56)

HSL(213, 35%, 16%)

#2C3E50

Deep Blue

RGB(44, 62, 80)

HSL(210, 29%, 24%)

#4A6FA5

Blue

RGB(74, 111, 165)

HSL(216, 38%, 47%)

#8BAFD4

Pale Blue

RGB(139, 175, 212)

HSL(210, 46%, 69%)

#C4D8E8

Light Blue

RGB(196, 216, 232)

HSL(207, 44%, 84%)

lightbulbBest Use Cases

  • checkDark mode UI
  • checkNightlife branding
  • checkAstronomy apps

businessIndustries

  • checkTechnology
  • checkEntertainment
Mood:mysterious

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #0D1B2A;
  --color-2: #1B2838;
  --color-3: #2C3E50;
  --color-4: #4A6FA5;
  --color-5: #8BAFD4;
  --color-6: #C4D8E8;
}

Tailwind CSS Config

colors: {
  'midnight-blue-1': '#0D1B2A',
  'midnight-blue-2': '#1B2838',
  'midnight-blue-3': '#2C3E50',
  'midnight-blue-4': '#4A6FA5',
  'midnight-blue-5': '#8BAFD4',
  'midnight-blue-6': '#C4D8E8',
}
midnightbluedarkdeepnight

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes