Back to palettes

Palette

Midnight Velvet Sky

A deep, luxurious blue palette evoking the soft, dark expanse of a velvet midnight sky.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Velvet Sky reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Midnight Velvet Sky.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#191970#2E2E8B#4169E1#0A0A50#0F0F82

Palette guide

How to use Midnight Velvet Sky

Overview

The Midnight Velvet Sky palette offers a deep, luxurious blend of blues, evoking the soft, dark expanse of a velvet midnight sky. Featuring foundational hues like #0A0A50 and #191970, it provides an immersive and sophisticated base. The palette includes a range of deep blues such as #0F0F82 and #2E2E8B, adding depth and subtle variation. A vibrant electric blue, #4169E1, serves as a dynamic accent, bringing a modern and energetic touch. This palette is ideal for designers and developers creating professional, elegant, or technology-focused projects, perfect for dark mode UIs, corporate branding, or sophisticated digital art.

Best used for

  • Technology company branding and websites
  • Night sky photography showcases
  • Modern corporate presentations
  • Dark mode UI for productivity applications
  • Science fiction game interfaces
  • Elegant digital art and illustrations

Suggested color roles

primary

Use #0A0A50 as the deepest, foundational blue for main backgrounds or large content blocks, setting a luxurious tone.

secondary

Employ #191970 for supporting sections, headers, or subtle UI elements, providing a rich, slightly lighter dark blue.

accent

Apply #4169E1 sparingly for calls-to-action, important links, or key highlights to introduce a vibrant, electric pop.

background

Utilize #0A0A50 for immersive dark blue backgrounds, creating a sophisticated and expansive canvas.

text

Use #4169E1 for headings and important links. For body text, a bright white or very light gray ensures optimal readability on dark blues.

Accessibility notes

  • The vibrant #4169E1 offers excellent contrast for text and interactive elements against #0A0A50 and #191970.
  • For body text on #0A0A50, ensure a very light color like white or off-white is used to meet WCAG AA readability standards.
  • Avoid using #0F0F82 directly on #191970 for small text, as their contrast might be insufficient for users with visual impairments.
  • Ensure sufficient color contrast for all text, especially when using #2E2E8B on other darker blues in the palette.

Recommended combinations

Electric Night

Ideal for branding, headlines, and key UI elements, creating a dynamic, modern, and highly visible design.

#0A0A50 · #4169E1 · #2E2E8B

Deep Blue Layers

Excellent for backgrounds, subtle gradients, or adding depth to UI components and visual compositions.

#0A0A50 · #0F0F82 · #191970

Sky Highlight

Perfect for call-to-action buttons, important alerts, or interactive links on a darker base, ensuring prominence.

#191970 · #4169E1 · #2E2E8B

CSS variables

:root {
  --midnight-velvet-sky-1: #191970;
  --midnight-velvet-sky-2: #2E2E8B;
  --midnight-velvet-sky-3: #4169E1;
  --midnight-velvet-sky-4: #0A0A50;
  --midnight-velvet-sky-5: #0F0F82;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-velvet-sky": {
        1: "#191970",
        2: "#2E2E8B",
        3: "#4169E1",
        4: "#0A0A50",
        5: "#0F0F82",
      }
    }
  }
}

Related searches

deep blue color palettemidnight sky website colorsluxurious dark blue thememodern tech blue palettevelvet blue hex codes

Palette colors

Hex values

Color 1#191970
·
Color 2#2E2E8B
·
Color 3#4169E1
·
Color 4#0A0A50
·
Color 5#0F0F82
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
3.1:1AA18
1.2:1Fail
1:1Fail
2
1.3:1Fail
2.3:1Fail
1.6:1Fail
1.3:1Fail
3
3.1:1AA18
2.3:1Fail
3.7:1AA18
3.1:1AA18
4
1.2:1Fail
1.6:1Fail
3.7:1AA18
1.2:1Fail
5
1:1Fail
1.3:1Fail
3.1:1AA18
1.2:1Fail

Similar palettes

More like Midnight Velvet Sky

View all dark
Gothic Manor Drama
Midnight Horizon Gaze
Starry Midnight Velvet
Starry Night Canvas
Velvet Abyss Theater
Velvet Cacao Dust